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.
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]">
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.
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.