从字节数组中设置 img src

Posted 2023-02-26

【中文标题】从字节数组中设置 img src

【英文标题】：Set img src from Byte Array

【发布时间】：2015-07-19 16:53:06

【问题描述】：

我需要从对象中的字节数组中设置img src 属性。

<img id="profileImage">
    <spring:bind path="object.profilePicture">
        <input type="file" name="profilePicture" id="profilePicture" path="profilePicture">
    </spring:bind>

我需要在输入标记上方的img 中显示该字节数组。

【问题讨论】：

您有什么具体问题吗？见***.com/help/on-topic。 SO 不适用于代码编写请求或开放式建议。

我需要知道如何在 img 标签中显示一个字节数组，来自我拥有的对象

你不能只从一个字节[]生成图像。您还需要知道它是什么类型的图像（即 jpg、png、gif）

【参考方案1】：

将jpg 替换为图像类型，将[your byte array] 替换为您的byte array。如果还没有，您需要将其转换为 base64。

<img id="profileImage" src="data:image/jpg;base64, [your byte array]">

【参考方案2】：

在我的例子中，base64 字节数组必须被分块，顺便说一句：

<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4QCARXhpZgAATU0AKgAAAAgABAEaAAUAAAABAAAAPgEbAAUA
AAABAAAARgEoAAMAAAABAAIAAIdpAAQAAAABAAAATgAAAAAAAABIAAAAAQAAAEgAAAABAAOQAAAH
...

为了使这个解决方案有效。

【参考方案3】：

我使用这个网站将图像转换为base64 字节数组数据，它为我提供了html 和css 中的标签，所以我只需上传并复制/粘贴。

http://base64.wutils.com/encoding-online/