首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用base64设置图像源

如何使用base64设置图像源
EN

Stack Overflow用户
提问于 2013-05-09 04:17:33
回答 3查看 175.6K关注 0票数 106

我想将图像源设置为base64源,但它不起作用:

JSfiddle.net/NT9KB

代码语言:javascript
复制
<img id="img" src="" />

the JavaScript

代码语言:javascript
复制
document.getElementById("img").src = "data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg=="
EN

回答 3

Stack Overflow用户

发布于 2014-09-27 16:47:11

如果您更喜欢使用jQuery从Base64设置镜像:

代码语言:javascript
复制
$("#img").attr('src', 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==');
票数 35
EN

Stack Overflow用户

发布于 2014-01-24 22:43:02

代码语言:javascript
复制
img = new Image();
img.src = "data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="
img.outerHTML;
"<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==">"
票数 7
EN

Stack Overflow用户

发布于 2016-10-06 06:47:45

你的问题是cr (回车符)

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

您可以使用:

代码语言:javascript
复制
document.getElementById("img").src = "data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16449445

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档