Javascript 如何将图像源设置为base64编码的数据uri？

可能重复：

这是JavaScript代码

var imageObj = new Image();
var context = this.canvas.getContext("2d"); 
imageObj.onload = function() {
     context.drawImage(imageObj, 69, 50);
};
imageObj.src = "blackhat.jpg"

上面的代码将图像对象源设置为服务器基本目录中图像文件的位置。 我的问题是:-

如何将图像对象源设置为base64编码字符串或DataURI字符串

示例：datauri字符串=

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAYAAADL1t+KAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADs.....................

如果我按原样设置编码字符串：-

imageObj.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAYAAADL1t+KAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADs....................."

---

它不起作用。

考虑改用。这样，通过AJAX加载图像就更容易了，而且不需要将其内联，这可能是这里的问题所在（可能太大了？）。您不需要对任何内容进行base64编码。

您能澄清一下“不起作用”吗？您针对哪些浏览器进行了测试？

img.src='data:image/jpeg；base64，“

方法肯定可以工作，也许您应该检查DataURI字符串。我过去犯过的错误包括：在最后用奇怪的字符复制粘贴，只选择并复制粘贴其中的一部分，或者错误地编写变量名。我已经在Firefox浏览器版本14.01上进行了测试