How can I set Image source with base64

Question

I want to set the Image source to a base64 source but it does not work   JSfiddle net NT9KB   lt img id  img  src      gt    the JavaScript  document getElementById  img   src    data image png base64  iVBORw0KGgoAAAANSUhEUgAAAAUA AAAFCAYAAACNbyblAAAAHElEQVQI12P4  8 w38GIAXDIBKE0DHxgljNBAAO 9TXL0Y4OHwAAAABJRU5ErkJggg

User · Accepted Answer

Try using setAttribute instead   document getElementById  img        setAttribute           src    data image png base64 iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4  8 w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg             Real answer   And make sure you remove the line-breaks in the base64

User · Answer

img   new Image    img src    data image png base64  iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4  8 w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg    img outerHTML    lt img src  data image png base64  iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4  8 w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg    gt

User · Answer

In case you prefer to use jQuery to set the image from Base64       img   attr  src    data image png base64 iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4  8 w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg

User · Answer

Your problem are the cr  carriage return    http   jsfiddle net NT9KB 210   you can use    document getElementById  img   src    data image png base64  iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4  8 w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg

[javascript] How can I set Image source with base64

Examples related to javascript

Examples related to base64