Javascript 不能在img标签内使用base64图像?

Javascript 不能在img标签内使用base64图像?,javascript,html,angularjs,image,base64,Javascript,Html,Angularjs,Image,Base64,节点js unirest.get("MYROUTE") .header("X-Mashape-Key", "MYKEY") .end(function (result) { console.log(result.status, result.headers, result.body); if(result.status==200) { var buffer = (new Buffer(result.body.toString())); res.end(buffer.toS

节点js

unirest.get("MYROUTE")
.header("X-Mashape-Key", "MYKEY")
.end(function (result) {
  console.log(result.status, result.headers, result.body);
  if(result.status==200) {
    var buffer = (new Buffer(result.body.toString()));
    res.end(buffer.toString("base64")); // output content as response body
    //res.end('data:image/jpg;base64,'+result.body)
  }
});
返回(我删除了很多,但它的base64)

使用angular I get
res.data
这是base64,我尝试在img标签中使用它,但图像不工作


如何使用此base64显示图像?

您的思路是正确的。
img
标记应如下所示:

<div>
    <p>Taken from wikpedia</p>
    <img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
    9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />
</div>

摘自维基百科


你粘贴到问题中的base64看起来确实正确;但是,请确保客户端正在接收正确的负载,并且HTML编码没有剥离和/或转换字符。

您需要将其格式化为如何设置对img标记的响应?TemplateData.getData()。然后(函数(res){console.log(res.data);$('body').HTML(“”);},函数(状态){console.log(状态);})快速思考-图像有多大?是否与此问题有冲突。感谢您的回复,我正在记录
res.data
,它看起来很好。
<div>
    <p>Taken from wikpedia</p>
    <img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
    9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />
</div>