我如何设置图像源与base64

我想将Image源设置为base64源,但不起作用:

JSfiddle.net/NT9KB

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

JavaScript

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

4 Solutions collect form web for “我如何设置图像源与base64”

尝试使用setAttribute来代替:

 document.getElementById('img') .setAttribute( 'src', 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==' ); 

真正的答案:(并确保您删除base64中的换行符。)

如果你喜欢使用jQuery从Base64设置图像:

 $("#img").attr('src', 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=='); 
 img = new Image(); img.src = "data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" img.outerHTML; "<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==">" 

你的问题是cr(回车)

http://jsfiddle.net/NT9KB/210/

您可以使用:

 document.getElementById("img").src = "data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" 
  • 这是什么意思 ? 图像/ PNG; BASE64?
  • 为什么一个base64编码的string在末尾有一个=符号
  • 基础64编码的目的是什么,以及为什么它在HTTP基本authentication中使用?
  • 如何检查一个string是否在PHP中是base64有效的
  • Python base64数据解码
  • 在JavaScript中获取图像数据?
  • 基础64图像从数据库中select和编码时发现缓慢
  • 新的行附加在我的encryptionstring
  • Base 64编码和解码示例代码
  • 在线工具将base64string解码为png
  • 如何检查string是否是base64编码的