是否可以将 mongoDB 中的二进制图像数据存储渲染到车把模板？

Question

我正在寻求帮助。我正在使用 nodejs、mongoDB 和车把模板创建一个画廊应用程序来显示画廊。一切都很好，直到我在我的 mongoDB 中找到所有图像（存储为二进制数据）并尝试在我的车把模板中呈现。我正在尝试这个：

routes.js

router.get('/gallery', async (req, res) =>{
    const pics = await Img.find();
    console.log(pics);    // No problems showing images as binary data and all fields in the Schema
    res.render('images/gallery.hbs', {pics}); 
});

模板.hbs

    {{#each pics}}
        <div class="row"> 
           <img src='????'> 
            </div> 
    {{/each}}

在哪里？？？？是我的大问题，我不知道放在那里的代码是什么，或者我是否使用了正确的方法。 请帮忙。我是新人

Answer 1

如果您要存储二进制文件，当然可以将其添加到 src，但您应该像这样考虑与二进制文件关联的元数据：

<img src="data:image/png;base64,...">

注意： 顺便说一句，这是一种不好的做法，无论如何，您都不应该将图像保存在数据库中，您可以使用 aws s3 之类的外部服务并将图像上传到那里并存储它们的 Uri，它们有很多原因这是最大的一个，它会花费你很多钱-_-