how to display images which are stored as string array in html?

Question

I have been trying to load images which are in database(on local phone) .JSON talks to java and gets the byte array which i am encoding as 64 bit data and returns a string array . Now i am trying to parse the json data. I see the array but how do i read it or set it image tag in html . All answers are appreciated

Matt Ball · Accepted Answer · 2011-06-23 00:51:51Z

11

Use the data:// URI scheme.

For example, if the base64-encoded data is:

iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==

then you'd drop that data into an image's src attribute like so:

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />

which draws this image:

small red dot

answered Jun 23, 2011 at 0:51

Matt Ball

361k102 gold badges655 silver badges725 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Matt Ball Over a year ago

@David it's especially neat to be able to draw (anything) on a <canvas> and then render it as a regular <img> in the page using canvas.toDataURL().

Collectives™ on Stack Overflow

how to display images which are stored as string array in html?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related