Set <img> as Base64 string Javascript

Question

I am trying to set an image to a base64 encoded string in javascript right now I have this in my html

<img id="image_holder" src="" />

And then this in my javascript

document.getElementById("image_holder").src = "data:image/png;base64,iVBOR...";

And then I just see this in my webpage

Instead of the image it should be.

Thanks for the help.

Answer 1

Try using window.onload event

 window.onload = function() { document.getElementById("image_holder").src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAYAAAAvg9c4AAAABHNCSVQICAgIfAhkiAAAACRJREFUOI1j/M/A8J+ByoCJ2gaOGjpq6Kiho4aOGjpq6GA2FAAxTAIqi7SS4AAAAABJRU5ErkJggg=="; }

 <body> <img id="image_holder" /> </body>

Set <img> as Base64 string Javascript

Question

1 answers

solution1
0 2015-11-29 07:57:26

Set <img> as Base64 string Javascript

Question

1 answers

solution1 0 2015-11-29 07:57:26

solution1
0 2015-11-29 07:57:26