Javascript 在浏览器中显示图像

因此，我试图呈现一个保存在MSSQL中的图像，该图像保存在其他人已经制作的数据库中

最初，该列是图像类型，使用Sequelize I转换为varbinary（MAX）。是的，我丢失了数据，但只用于测试

然后我再次插入图像，并试图在我的fotos.把手上显示它

结果就是：

有没有办法让图像代替这些字符出现

我的代码：

型号Fotos.JS:

const db=require（'./db'）
const Fotos=db.sequelize.define（'Fotos'{
科杜佩索阿：{
类型：db.Sequelize.INTEGER
},
顺序：{
类型：db.Sequelize.INTEGER
},
福托：{
类型：db.Sequelize.BLOB
},
帕德劳：{
类型：db.Sequelize.INTEGER
}
}, {
时间戳：false
})
module.exports=Fotos
//Fotos.sync（{force:true}）

您是否尝试将blob作为图像的

src

？在代码中，你把它放在一个

h2

文本中，这样它就会打印blob文本，因为它是二进制的，看起来像是胡言乱语

const urlCreator = window.URL || window.webkitURL;
const imageUrl = urlCreator.createObjectURL(dataValues.Foto);
const image = new Image();
image.addEventListener("onload", () => {
  //append the image in your body page
}
image.src = imageUrl;

试试那样的

编辑： 您可以使用把手帮助器将blob转换为URL

Handlebars.registerHelper('blobToUrl', function(blob) {
   var urlCreator = window.URL || window.webkitULR;
   var imageUrl = urlCreator.createObjectURL(blob);
   return imageUrl;
 });

那就这样做吧

<h1>Fotos:</h1>

{{#each fotos}}

    <img src="{{blobToUrl dataValues.Foto}}"></img>
    <hr>

{{/each}}

Fotos:
{{{#每个fotos}

{{/每个}}

你好，卢卡斯！我不知道车把到底是如何工作的，但是，我想使用

应该是显示图像的最佳选择，而不是

。因此，在我看到我发送的是h2标记，但测试了img标记并将我的{{dataValues.Foto}放入“src=”中之后，它仍然没有加载保存在数据库中的图像！我必须在我的把手上试试这个吗？比如：//你的代码？我对JS有点初学者，很抱歉我会编辑我的回答来回答你