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

  • Z时代
  • 2024-01-10
  • 分类：问答

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

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

回答：

尝试将此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/..."部分）。

以上是 如何显示以字节数组形式存储在HTML / JavaScript中的图像？ 的全部内容， 来源链接： utcz.com/qa/423746.html

回到顶部