Byte array to Image and show in HTML

Asked Nov 23 '17 at 10:06

Active Nov 23 '17 at 10:16

Viewed 1,969 times

I saved the user image to the database in binary. I can get the data back using user.getImage(). How do I transform it back to a image and display it in <img> ??

<%
//getting mysql data
User user = (User) iterator.next();
byte[] image = user.getImage();
%>

HTML

<td><img class="img-responsive img-rounded" src=""> </td>

asked Nov 23 '17 at 10:06

sdada

1

Either save it somewhere (if the request and image getting is in the HTML request) and point to the saved image OR convert it to DATA-URI – mplungjan Nov 23 '17 at 10:09
Why do I need to save the image again if it's the data base? – sdada Nov 23 '17 at 10:09
I just want to show on that – sdada Nov 23 '17 at 10:11
So `src="myJavaProcessThatDoesgetImage"` – mplungjan Nov 23 '17 at 10:11
1

You can save the image on the filesystem and only keep the filename on the database, or save the image as a bite[] on the database and convert it to base64 data-uri and use that as the image src – Ricardo Ribeiro Nov 23 '17 at 10:14

Byte array to Image and show in HTML

0 Answers0