使用javascript將base64字符串轉換爲圖像

正在使用Titanium開發應用程序。我需要將base64字符串，我將從JSON獲取到圖像。使用javascript將base64字符串轉換爲圖像

您的幫助將不勝感激。

2012-02-24 Mayoor

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..." />

來源

2012-02-24 10:36:54

不錯！更多信息，請訪問http://en.wikipedia.org/wiki/Data_URI_scheme – 2012-02-24 10:39:59

提供的圖片足夠小，是的，如果您不需要支持IE7並且更低版本：http：//caniuse.com/#feat = datauri瀏覽器對數據長度的限制：URI字符串變化很大。我認爲IE8是32K的最低值。 – 2012-02-24 10:41:09

我正在開發與鈦，沒有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中使用。

來源

2013-05-12 15:11:41

使用javascript將base64字符串轉換爲圖像

回答

相關問題