不能在 img 标签中使用 base64 图像？答案

【问题标题】：Cant use base64 image inside img tag?不能在 img 标签中使用 base64 图像？
【发布时间】：2015-06-01 14:50:27
【问题描述】：

节点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）

77+977+977+977+9ABBKRklGAAEBAAABAAEAAO+/ve+/vQBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDLvv73vv70AQwEJCQkMCwwYDQ0YMiEcITIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIy77+977+9ABEIAe+/vQHvv70DASIAAhEBAxEB77+977+9AB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC++/ve+/vQDvv70QAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQy77+977+977+9CCNC77+977+9FVLvv73vv70kM2Jy77+9CQoWFxgZGiUmJygpKjQ1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eu+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/ve+/vQAfAQADAQEBAQEBAQEBAAAAAAAAAQIDBAUGBwgJCgvvv73vv70A77+9EQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIy77+9CBRC77+977+977+977+9CSMzUu+/vRVicu+/vQoWJDTvv70l77+9FxgZGiYn

使用 angular 我得到 res.data 这是 base64，我尝试在 img 标签中使用它但图像不起作用？

如何使用这个 base64 来显示图像？

【问题讨论】：

您需要将其格式化为data-uri
如何设置对 img 标签的响应？
TemplateData.getData().then(function(res) { console.log(res.data); $('body').html(''); }, function(status) { console.log(status); })
快速思考一下 - 图片有多大？是否与这个问题发生冲突stackoverflow.com/questions/695151/….

标签： javascript html angularjs image base64

【解决方案1】：

你在正确的轨道上。 img 标签应如下所示：

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

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

【讨论】：

感谢您的回复，我正在记录 res.data，它看起来不错。