如何在HTML/JavaScript中显示存储为字节数组的图像？

我正在用HTML/JavaScript编写一个网页。我正在使用AJAX从后端下载一个图像。图像表示为原始字节数组，而不是URL，因此我不能使用标准的

方法

---

如何向用户显示提到的图像？

尝试将此HTML片段放入您的文档中：

<img id="ItemPreview" src="">

或者，使用jQuery：

$('#ItemPreview').attr('src', `data:image/png;base64,${yourByteArrayAsBase64}`);

这假设您的图像是以PNG格式存储的，这种格式非常流行。如果使用其他图像格式（例如JPEG），请相应地修改URL中的（

“image/…”

部分）

类似问题：

---

OutputStream o=resp.getOutputStream（）的可能重复项；o、 写入（imageInBytes）；我不敢问，但好奇心占上风。。。为什么会偏离主题？我不认为这个问题偏离主题。My Byte=dwr/download/k1a3JvBCfU3vLji$zKkhQObxzck。src=数据：图像/png；base64，dwr/download/k1a3JvBCfU3vLji$zKkhQObxzck。我使用了DWRByte格式的图像下载。晚会迟到了，但如果您的响应看起来像

[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，…））我对答案进行了一些编辑以使其更加清晰，但我没有得到任何东西，因此我没有真正修复它。为什么这个答案假设图像存储在base64字符串中？OP提到（我检查了编辑历史）一个“字节数组”，而不是“base64字符串”。@Joel'-'这对我来说很有效，Thnks
$('#ItemPreview').attr('src', `data:image/png;base64,${yourByteArrayAsBase64}`);