使用javascript将base64字符串转换为图像

问题描述:

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

您的帮助将不胜感激。

+0

ref:http://en.wikipedia.org/wiki/Data_URI_scheme#HTML – Yoshi 2012-02-24 10:36:51

您只需创建一个img元素并改变其src与所需的数据:

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

不错!更多信息,请访问http://en.wikipedia.org/wiki/Data_URI_scheme – 2012-02-24 10:39:59

+0

提供的图片足够小,是的,如果您不需要支持IE7并且更低版本:http://caniuse.com/#feat = datauri浏览器对数据长度的限制:URI字符串变化很大。我认为IE8是32K的最低值。 – 2012-02-24 10:41:09

+1

我正在开发与钛,没有img标签,因为一切都是JavaScript。我知道在文件系统上的图像,我需要做这样的事情:rightImage:Titanium.Filesystem.resourcesDirectory +'images/ui/backimage.png'。但我不知道如何处理远程位置的图像 – Mayoor 2012-02-24 12:40:12

钛,您可以使用内置的转换工具Titanium.Utils.base64decode:

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

把它转换为Base64字符串到一个blob,可以在ImageView中使用。