如何设置使用Base64图片来源 [英] How can I set Image source with base64

问题描述

我想设置的图片来源到Base64源代码，但它不工作：

JSfiddle.net/NT9KB

 ＆LT; IMG ID =IMGSRC =/＆GT;
 

JavaScript的

 的document.getElementById（img目录）SRC =数据：图像/ PNG; BASE64，iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4 // 8 / w38GIAXDIBKE0DHxgljNBAAO
9TXL​​0Y4OHwAAAABJRU5ErkJggg ==
 

解决方案

尝试使用的setAttribute 而不是：

 的document.getElementById（'IMG'）。的setAttribute（'src'中， 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==' ）;
 

真正的答案：
（并确保您删除换行符为Base64。）

I want to set the Image source to a base64 source but it does not work:

JSfiddle.net/NT9KB

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

the JavaScript

document.getElementById("img").src = "data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg=="

解决方案

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.)

这篇关于如何设置使用Base64图片来源的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！