元素背景圖片DataURL

Question

有沒有什麼辦法可以得到回調background-image加載了基礎64 DataURL。我可以緩存這與圖像src屬性，但與數據網址？怎麼樣 ？

Answer 1

應該把它通常不會的方式：

var image = new Image(); 
image.src = "data:image/ png;base64,iVBORw0KGgoAAAANSUh......."; 
image.onload = function() { 
    //image was loaded 
}; 

緩存瀏覽器當然是支持Base64串禁用的，這就是爲什麼它通常只用於小圖像，如圖標和東西。

您可以將影像在這裏在線轉換爲Base64：http://base64img.com/#encode

注意，一些瀏覽器可以對大小限制爲Base64編碼。

Answer 2

似乎style.BackgroundImage屬性不會異步設置值。所以我的問題解決了。