在GridFS的显示图像 [英] Display Image in GridFS

问题描述

我使用GridFS的流 https://github.com/aheckmann/gridfs-stream＆安培;目前，我从GridFS的显示图像。

I am using gridfs-stream https://github.com/aheckmann/gridfs-stream & currently i am on displaying image from gridFS.

在阅读它给了我下面的输出数据。当我这个数据追加到＆LT; IMG SRC =数据：图像/ JPEG; BASE64，（数据）＆GT; ，图像不显示。

When reading data it gives me following output. When i append this data to <img src="data:image/jpeg;base64,(data)">, the image doesn't show.

  gfs
// create a read stream from gfs...
.createReadStream({ filename: 'error1.png' })
// and pipe it to Express' response
.pipe(res);

输出RES： -

Output res :-

编辑： -

我试过这样： -

img.src = 'data:image/jpeg;base64,' + btoa(res);

渲染输出为： -

Output rendered is :-

<img src="data:image/jpeg;base64,W29iamVjdCBPYmplY3Rd">

显示无图像。

推荐答案

我用文件流演示：

var rstream = fs.createReadStream('test.png');

var bufs = [];

rstream.on('data', function(chunk) {

    bufs.push(chunk);

}).on('end', function() { // done

    var fbuf = Buffer.concat(bufs);

    var base64 = (fbuf.toString('base64'));

    res.send('<img src="data:image/jpeg;base64,' + base64 + '">');
});

这篇关于在GridFS的显示图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！