Lectura y visualización de imágenes de mongoDB usando GridFs
He podido subir imágenes con éxito a mongoDB usando GridFs. A continuación se muestran imágenes de mi base de datos:
fs.files:
fs.chunks:
A continuación se muestra el código que utilicé para cargar imágenes:
var Grid = require('gridfs-stream');
var mongoose = require("mongoose");
Grid.mongo = mongoose.mongo;
var gfs = new Grid(mongoose.connection.db);
app.post('/picture', function(req, res) {
var part = req.files.filefield;
var writeStream = gfs.createWriteStream({
filename: part.name,
mode: 'w',
content_type:part.mimetype
});
writeStream.on('close', function() {
return res.status(200).send({
message: 'Success'
});
});
writeStream.write(part.name);
writeStream.end();
});
La cuestión:
Parece que no puedo entender cómo leer esta imagen de mongoDB y mostrarla en la parte frontal en un HTML<img>
etiqueta.
He intentado esto hasta ahora pero solo muestra el nombre del archivo:
app.get('/picture', function(req, res) {
gfs.files.find({ filename: 'trooper.jpeg' }).toArray(function (err, files) {
if(files.length===0){
return res.status(400).send({
message: 'File not found'
});
}
res.writeHead(200, {'Content-Type': files[0].contentType});
var readstream = gfs.createReadStream({
filename: files[0].filename
});
readstream.on('data', function(chunk) {
res.write(chunk);
});
readstream.on('end', function() {
res.end();
});
readstream.on('error', function (err) {
console.log('An error occurred!', err);
throw err;
});
});
});
He tomado el código anterior deaquí
Alguien puede ayudarme porfavor. ¡He estado atrapado en esto por DÍAS!