我如何设置图像源与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==" 
  • 使用Javascript检索二进制文件内容,base64对其进行编码并使用Python进行反向解码
  • Base64编码器和解码器
  • 将base64数据存储在XML中?
  • 我应该将图像作为data / base64embedded到CSS或HTML中
  • JS - 从base64代码中获取图像的宽度和高度
  • Base64编码的真正目的是什么?
  • 上传Base64图片Facebook Graph API
  • Base64 png数据到html5canvas
  • 基础64编码的目的是什么,以及为什么它在HTTP基本authentication中使用?
  • 图像转换为Base64
  • 基础64图像从数据库中select和编码时发现缓慢