javajavascripthtmlimagejsp

Set img src from Byte Array

I need to set the img src property from a byte array that I have in a Object.

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

I need to display that byte array in the img above the input tag.

Solution

  • Replace the jpg with the type of image, and [your byte array] with your byte array. You need to convert it to base64 if it isn't already. 

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