小编典典

如何显示以字节数组形式存储在HTML / JavaScript中的图像?

javascript

我正在用HTML / JavaScript编写网页。我正在使用AJAX从后端下载图像。该图像表示为原始字节数组,而不是URL,因此我不能使用标准<imgsrc="{url}">方法。

如何向用户显示上述图像?


阅读 719

收藏
2020-05-01

共1个答案

小编典典

尝试将此HTML代码段放入您提供的文档中:

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

然后,在JavaScript方面,您可以src使用所谓的Data动态修改图片的属性。

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

或者,使用jQuery:

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

假定您的图像以PNG格式存储,这是非常流行的。如果您使用其他图像格式(例如JPEG),请相应地修改URL中的MIME类型("image/..."部分)。

2020-05-01