Java - Insert Byte Array/ImageIcon directly into HTML

Question

I'm trying to take a byte array directly from the DB and put it into a tooltip that takes HTML. This is for consistency as text needs to be included that will match the other text-only tooltips.

I'm ideally trying to bypass the step of saving the image to a file before loading it into an img src tag. Is there a way to load a byte array (could easily be converted into Image or ImageIcon beforehand) straight into HTML?

Answer 1

Make an image-serving servlet, map it to an appropriate URL and just dump the image data from the database.

Edit: by the way you can have the browser cache the images with this approach, but you to do it manually.

Answer 2

You need to convert the bytes to base64 encoding somehow (either on the java side or the html/javascript side). And then you can write something like This:

<img src="data:image/gif;base64,R0lGODlhUAAPAKIAAAsLav///88PD9WqsYmApmZmZtZfYmdakyH5BAQUAP8ALAA AAABQAA8AAAPbWLrc/jDKSVe4OOvNu/9gqARDSRBHegyGMahqO4R0bQcjIQ8E4BMCQc930JluyGRmdAAcdiigMLVrpTYWy5FKM1IQe+Mp+L4rphz+qIOBAUYeCY4p2tGrJZeH9y79mZsawFoaIRxF3JyiYxuHiMGb5KTkpFvZj4ZbYeCiXaiKBwnxh4fnt9e3ktgZyHhrChinONs3cFAShFF2JhvCZlG5uchYNun5eedRxMAF15XEFRXgZWWdciuM8GCmdSQ84lLQY5R14wDB5Lyon4ubwS7jx9NcV9/j5+g4JADs=" alt="" width="80" height="15" />

Note that n this case, even though you save a request to fetch the image, the image itself is not cached for future use. You may look at this: http://www.websiteoptimization.com/speed/tweak/inline-images/

For a workaround.