是否可以將 mongoDB 中的二進制圖像數據存儲渲染到車把模板？

Question

我正在尋求幫助。 我正在使用 nodejs、mongoDB 和車把模板創建一個畫廊應用程序來顯示畫廊。 一切都很順利，直到我在 mongoDB（存儲為二進制數據）中找到所有圖像並嘗試在我的車把模板中渲染。 我正在嘗試這個：

路由.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，它們很多這是最大的原因，它會花費你很多錢-_-