オブジェクトにあるバイト配列からimg src
プロパティを設定する必要があります。
<img id="profileImage">
<spring:bind path="object.profilePicture">
<input type="file" name="profilePicture" id="profilePicture" path="profilePicture">
</spring:bind>
そのバイト配列をinputタグの上のimg
に表示する必要があります。
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
バイト配列データに変換します。html
およびcss
にタグが表示されるので、アップロードしてコピー/貼り付けするだけです。