Javascript 使用node.js在pug(jade)上显示编码base64的图像
如何解码这些数据(我不确定这是什么类型)并显示图像。我使用帕格作为模板引擎 以下是我需要显示为图像的数据: /9j/4AAQSkZJRgABAQEAYABgAAD/4QBARXHPZGAATU0AKGAAAGABQ…等等 我在node.js中尝试了这段代码,但不起作用Javascript 使用node.js在pug(jade)上显示编码base64的图像,javascript,node.js,express,pug,Javascript,Node.js,Express,Pug,如何解码这些数据(我不确定这是什么类型)并显示图像。我使用帕格作为模板引擎 以下是我需要显示为图像的数据: /9j/4AAQSkZJRgABAQEAYABgAAD/4QBARXHPZGAATU0AKGAAAGABQ…等等 我在node.js中尝试了这段代码,但不起作用 var img = Buffer.from(image).toString('base64'); 变量图像来自此响应: 而此代码用于将数据传递到.pug文件 res.render('getsurveyemployeeimg',
var img = Buffer.from(image).toString('base64');
变量图像来自此响应:
而此代码用于将数据传递到.pug文件
res.render('getsurveyemployeeimg', {
surveyId: results[0].surveyId,
empNo: results[0].empNo,
empName: employee.result.fullnameEn,
empImg: img,
date: created,
answers: results
});
.pug文件
res.render('getsurveyemployeeimg', {
surveyId: results[0].surveyId,
empNo: results[0].empNo,
empName: employee.result.fullnameEn,
empImg: img,
date: created,
answers: results
});
img(src="data:image/jpg;base64,#{empImg}")
我总是不断地得到破碎的图像图标作为输出代码用于将数据传递到.pug文件:
res.render('getsurveyemployeeimg', {
surveyId: results[0].surveyId,
empNo: results[0].empNo,
empName: employee.result.fullnameEn,
empImg: image,
date: created,
answers: results
});
.pug文件应如下所示:
img(src="data:image/jpg;base64," + empImg)
在此之后,如果
empImg
实际包含base64
图像,则一切都应该正常工作。代码用于将数据传递到.pug文件:
res.render('getsurveyemployeeimg', {
surveyId: results[0].surveyId,
empNo: results[0].empNo,
empName: employee.result.fullnameEn,
empImg: image,
date: created,
answers: results
});
.pug文件应如下所示:
img(src="data:image/jpg;base64," + empImg)
在此之后,如果
empImg
实际上包含base64
图像,则一切都应该正常。图像变量中包含什么?这是来自外部API的响应这是字符串吗?这个字符串完全是正确的图片?它是api调用返回的随机数字和字母,他们说我应该解码它以图像的形式显示,看起来我明白了。您不需要创建缓冲区
,只需要将图像
传递给empImg
。图像
变量中包含什么?它是来自外部API的响应。这是字符串吗?这个字符串完全是正确的图片?它是api调用返回的随机数字和字母,他们说我应该解码它以图像的形式显示,看起来我明白了。您不需要制作缓冲区
,只需要将图像
传递到empImg
。