如何在ejb页面上从mongodb获取缓冲区图像

Question

在mongodb中存储如下的数据，如下所示

 _id:5a43366cf6e0443e3c782181
 coin_code:abc
 wallet_balance:000000
 wallet_name:xyz
 image:Object
    contentType:image/png   
    data:Binary('/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxISEhUSEhMV')
__v:0

在ejs页面上获取图像

 <% var i=1 %>
 <% result.forEach(function(result){ %>                                
<tr class="odd gradeX">
 <td><%= i++ %></td>
 <td><span class="chat-img pull-left"><img src="<%=  result.image.data %>" alt="Coin Image" class="img-circle"></span></td>
 <td><%= result.wallet_name %></td>
 <td><%= result.wallet_balance %></td>
 <td><%= result.coin_code %></td>
</tr>

但根据上面的代码我没有得到图像我得到这样的输出 -

+ ） p ＆ JH Ʒ？ 7ӏ）- v Z֥ J@ k f u L Ԅ | +g g y{4 uŏ a ȍȪ FG@ ）^ R p 5 Xide＆y＆Y I$＃ ＃f g ！ F a Ƹ_Y3i6 2 _¥ （ 1 x mӿ ' Iޔ〜（ ܎ ΃d f Q）

Answer 1

我将图像存储为Base64格式的字符串。

例： "image" : "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAN0..."

然后我在EJS页面上显示图像，如下所示：

例： <img id="image" src=<%- image %>>

希望这可以帮助...