我使用 MongoDB 和 GridFS 来存储图像。我有这条路线从数据库检索图像:
app.get("/images/profile/:uId", function (req, res) {
let uId = req.params.uId;
console.log(uId)
gfs.files.findOne(
{
"metadata.owner": uId,
"metadata.type": 'profile'
}
, function (err, file) {
if (err || !file) {
return res.status(404).send({ error: 'Image not found' });
}
var readstream = gfs.createReadStream({ filename: file.filename });
readstream.on("error", function (err) {
res.send("Image not found");
});
readstream.pipe(res);
});
});
这会返回类似的内容:
�PNG
IHDR���]�bKGD���̿ pHYs
�
�B(�xtIME� -u��~IDATx��i|TU����JDV�fH�0� :-
H_��M��03`���
(��-�q{U[�m�A��AQ�VZ�ҢbP��S�@K@��CB��|��T�[�=����"U��[��{�s�9�
�+)@eۿ���{�9���,?�T.S��xL֟x&@�0TSFp7���tʁ���A!_����D�h�
z����od�G���YzV�?e���|�h���@P�,�{�������Z�l\vc�NӲ�?
n��(�r�.......
看来我正确地得到了 png 。那么如何在 img 标签中显示它呢?
我通过将块转换为 base64 字符串解决了这个问题。然后我传递了如下字符串:
const readstream = gfs.createReadStream(file.filename);
readstream.on('data', (chunk) => {
res.render('newHandlebarFile', { image: chunk.toString('base64') });
})
我将车把中的值呈现如下:
<img src="data:image/png;base64,{{ image }}" alt="{{ image }}">
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)