我正在用 HTML/JavaScript 编写网页。我正在使用 AJAX 从后端下载图像。图像表示为原始字节数组，而不是 URL，所以我不能使用标准的 <img src="{url}"> 方法。
我如何向用户显示提到的图像？
【问题讨论】：
标签： javascript html
尝试将此 HTML sn-p 放入您提供的文档中：
<img id="ItemPreview" src="">
然后，在 JavaScript 端，您可以使用所谓的Data URL 动态修改图像的src 属性。
document.getElementById("ItemPreview").src = "data:image/png;base64," + yourByteArrayAsBase64;
或者，使用 jQuery：
$('#ItemPreview').attr('src', `data:image/png;base64,${yourByteArrayAsBase64}`);
这假设您的图像以非常流行的 PNG 格式存储。如果您使用其他一些图像格式（例如 JPEG），请相应地修改 URL 中的MIME type（"image/..." 部分）。
类似问题：
【讨论】：
[137,80,78,71,13,10,26,10,0,...]，您可以使用此行：document.getElementById("ItemPreview").src = "data:image/png;base64," + btoa(String.fromCharCode.apply(null, new Uint8Array([137,80,78,71,13,10,26,10,0,...])));