你的XHR数据是
png
文件,如预期。为了向您展示如何正确地嵌入它,我冒昧地生成了一个“更好”的PNG-一个10x10的黄色正方形。它是base64编码的
b64data
yourData
就像你从XHR得到的一样。
var b64data = "iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFklEQVR42mP8/5/hDAMRgHFUIX0VAgBfZRvvtreybgAAAABJRU5ErkJggg==";
// Assuming your data is a raw PNG
var yourData = atob(b64data);
// We convert...
var btoa_data = btoa(yourData);
var elem = document.createElement("img");
elem.src = "data:image/png;base64,"+btoa_data;
document.getElementById("app").append(elem);
console.log(atob(b64data));
<div id="app"></div>
如你所见,
btoa()
以base64编码数据;在此之后,您只需在
src
-
它是一个PNG(如果不是,或者如果你不确定它是否会是,你需要检查你的回复的前几个字节)
-
它是base64编码的
