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

My ajax call will get an image from the server as a byte array.

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

How do I display the image (which is in the byte array) using javascript, on the web page?

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

1 个解决方案

#1

Try this

试试这个

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

Script

脚本

document.getElementById("ItemPreview").src = "data:image/png;base64," + YourByte;

jQuery

jQuery

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

Similar Questions:

类似的问题:

Displaying a byte array as an image using JavaScript

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

Display bytes as images on an .aspx page

在.aspx页面上以图像的形式显示字节

'data:image/jpg;base64' and jQuery image preview in Internet Explorer

“数据:图像/jpg;base64”和jQuery图像预览在Internet Explorer中

Convert from binary data to an image control in ASP.NET

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

(Javascript) Convert Byte[] to image

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