使用JavaScript将Base64字符串转换为图像

Question

我正在使用Titanium开发一个应用程序。我需要将从JSON获取的base64字符串转换为图像。

非常感谢您的帮助。

- Mayoor

---

请返回翻译后的文本：ref: http://en.wikipedia.org/wiki/Data_URI_scheme#HTML - Yoshi

Answer 1

你可以创建一个 img 元素，并使用所需的数据更改其 src:

<img src="data:image/png;base64,iVBORw0KGgoAAAANS..." />

- ldiqual

---

只要图像足够小，并且您不需要支持IE7及以下版本：http://caniuse.com/#feat=datauri 浏览器对data: URI字符串长度的限制差异很大。我认为IE8的最低限制是32k。 - T.J. Crowder

我正在使用Titanium进行开发，由于所有内容都是JavaScript，因此没有img标签。我知道对于文件系统上的图像，需要做如下操作：rightImage：Titanium.Filesystem.resourcesDirectory + 'images/ui/backimage.png'。但是对于远程位置上的图像，我不知道该怎么办。 - Mayoor

请问您能否在问题中添加更多详细信息，以便我们准确了解您的需求并进行编辑。 - ldiqual

Answer 2

对于Titanium，您可以使用内置的转换工具Titanium.Utils.base64decode：

var imageFromBase64 = Titanium.UI.createImageView({
    image : Titanium.Utils.base64decode("iVBORw0KGgoAAAANS..."),
});

这将把一个base64字符串转换成一个blob对象，然后可以用于ImageView中。

- Josiah Hester