Javascript:如何使用Javascript或Servlet从字节数组中显示图像?

67 html javascript

我的ajax调用将从服务器获取一个图像作为字节数组.

如何在网页上使用javascript显示图像(在字节数组中)?

Sri*_*r R 110

试试这个

<img id="ItemPreview" src="" />
Run Code Online (Sandbox Code Playgroud)

脚本

document.getElementById("ItemPreview").src = "data:image/png;base64," + YourByte;
Run Code Online (Sandbox Code Playgroud)

jQuery的

$('#ItemPreview').attr('src', `data:image/png;base64,${YourByte}`);
Run Code Online (Sandbox Code Playgroud)

类似问题:

使用JavaScript将字节数组显示为图像

在.aspx页面上将字节显示为图像

"data:image/jpg; base64"和Internet Explorer中的jQuery图像预览

从二进制数据转换为ASP.NET中的图像控件

(Javascript)将字节[]转换为图像

  • 迟到了,但如果你的回复看起来像“[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,... ])));` (4认同)
  • 我的字节= dwr/download/k1a3JvBCfU3vLji $ zKkhQObxzck.src = data:image/png; base64,dwr/download/k1a3JvBCfU3vLji $ zKkhQObxzck.我用的是DWR (2认同)
  • 我稍微编辑了答案以使其更清楚,但我没有得到一件事,所以我没有真正修复它。为什么这个答案假设图像存储在 base64 字符串中?OP提到(我检查了编辑历史)是“字节数组”,而不是“base64字符串”。 (2认同)