当前位置: 首页 > 面试题库 >

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

戚奇略
2023-03-14
问题内容

我正在用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编写网页。我正在使用AJAX从后端下载图像。该图像表示为原始字节数组,而不是URL,因此我不能使用标准方法。 如何向用户显示上述图像? 问题答案: 尝试将此HTML代码段放入您提供的文档中: 然后,在JavaScript方面,您可以使用所谓的Data URL动态修改图片的属性。 或者,使用jQuery: 假定您的图像以PNG格式存储,这是非常流

  • 我正在创建一个Android应用程序,我需要检索存储在在线MSSQL数据库中的图像。该表名为ImagesData,其中包含名为Image_Data的列,其类型为“图像”。该列的内容是十六进制值(它以0x9F4AB7DA7开始......等等)。每个条目大约有43679个字符长(用上面提到的十六进制字符填充)。我的疑问是如何检索这个十六进制数据,并在我的应用程序中显示为ImageView。 注意:我

  • 问题内容: 我有一个图像存储为二进制斑点的模型。我想在模板中显示此图像以及有关对象的其他数据。由于该图像不是单独的文件,因此我不知道如何显示它。我尝试设置标题,或使用或,但我要么不获取图像,要么 仅 获取图像,而不获取模板的其余部分。如何在模板中将二进制斑点显示为图像? 问题答案: 图像存储为字节。使用base64对其进行编码,并将其作为数据URI插入呈现的HTML中。您可以将对象及其编码的图像都

  • 问题内容: 我有一个另存为的图像,我想在JasperReport中将其显示为图像。我尝试从Java方法获取数据: 和 和 但它们似乎都没有起作用。 jrxml看起来像这样: 我尝试的某些事情会出现异常,有些会打印JasperReport,但是应该在其中显示图像的区域为空白。我知道图像数据在那里,因为我可以在JSF页面中显示它。图像数据是SVG数据。 问题答案: 假设你的图像字节编码为base64,

  • 问题内容: 我在内联显示Base64图像时遇到问题。 有人可以指出我正确的方向吗? 问题答案: 我怀疑当然是实际的base64数据,否则对我来说看起来不错。在类似方案起作用的地方查看此小提琴。您可以尝试指定字符集。 您可以尝试使用base64解码器查看base64数据是否正确。

  • 问题内容: 我正在尝试显示上传到MySql中“存储”表的最后5张图像。我对PHP和数据库完全陌生,并且我一直在阅读有关如何做到这一点的很多文章,但是没有运气。 我可以一次存储和显示图片,但我希望能够拥有各种各样的画廊来显示最近上传的5张照片。 任何建议或帮助将不胜感激,谢谢! 附言:我知道将图片存储到这样的数据库时不赞成这样做,但是该项目仅用于实践。 index.php get.php 问题答案: