从字节数组设置 img src

IT技术 java javascript html image jsp
2021-03-18 06:58:58

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

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

我需要在img上面的输入标签中显示该字节数组

3个回答

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

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

在我的情况下,base64 字节数组必须分块,方式如下:

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

为了使此解决方案有效。

我使用这个网站将图像转换为base64字节数组数据,它给了我标签htmlcss所以我只需上传和复制/粘贴。

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