mysql - 如何使用 Handlebars 在 html 中显示图像来自 MYSQL 作为 blob

Question

我想使用 handle 栏在 HTML 中将商店图像显示为 blob
这就是我在 app.js 中查询图像的方式

 app.get('/',(request,response)=>{
 db.query('select Image from pictures LIMIT 3', function(err, result) {
    
    let base64String = result.toString("base64");
    //var image = '<img src="'+base64String+'" class="denr-logo">';
   response.render('NPPNP',{images:base64String});
    //response.send(base64String);
    });    

他们将几个站点转换为 base64 字符串并将其与标签和 'data:image;base64,xxx==' 组合在一起。
其实我研究了几种方法，例子，但我不明白他们是怎么做的。
当我 console.log base64String 时，它显示 [object Object]，当我将它传递给 HTML 时
没有...
使用 Handlebars

  {{#each images}}
       {{this.Image}}
  {{/each}}

这是转换为 base64 之前的结果。

 [{"Image":{"type":"Buffer","data":[137,80,78,71,13,10,26,10,0,0,0,13............

Answer 1

首先，您需要使用“result[0].Image”获取二进制值，正如我们在结果中所见
第二次将二进制文件转换为 base64 这会给你这样的 iVBORw0KGgoAAAANSUhEU==

    var base = Buffer.from(result[0].Image);
    var conversion = base.toString('base64');
    var send = '<img src="data:image/png;base64,'+conversion+'" alt="something familiar"/>';
    response.send(send);

它可能解决了你的问题，我自己做的，它奏效了