我正在用HTML / JavaScript编写网页。我正在使用AJAX从后端下载图像。该图像表示为原始字节数组,而不是URL,因此我不能使用标准<imgsrc="{url}">方法。
<imgsrc="{url}">
如何向用户显示上述图像?
尝试将此HTML代码段放入您提供的文档中:
<img id="ItemPreview" src="">
然后,在JavaScript方面,您可以src使用所谓的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类型("image/..."部分)。
"image/..."