web-dev-qa-db-fra.com

Définissez img src de Byte Array

Je dois définir la propriété img src à partir d'un tableau d'octets que j'ai dans un objet.

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

J'ai besoin d'afficher ce tableau d'octets dans la variable img au-dessus de la balise input.

5
Rodrigo Juarez

Remplacez la jpg par le type d'image et [your byte array] par votre byte array. Vous devez le convertir en base64 s'il ne l'est pas déjà.

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

Dans mon cas, le tableau en octets base64 devait être fragmenté, de la manière suivante:

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

Pour que cette solution fonctionne.

2
Francisco M

J'utilise ce site pour convertir des images en données de tableau base64 octets, il me donne les balises dans html et css, donc je télécharge et je copie/je colle.

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

0
Serj Sagan