2013-04-10 105 views
0

有没有什么办法可以得到回调background-image加载了基础64 DataURL。我可以缓存这与图像src属性,但与数据网址?怎么样 ?元素背景图片DataURL

回答

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编码。

+0

我在这里实现了这个:http://jsfiddle.net/jdyUX/1/ – 2013-04-10 00:43:10

+0

这很好,但那不是我的问题。需要背景图像的加载事件。我在询问关于缓存图像的图像src加载。 – 2013-04-10 08:29:53

0

似乎style.BackgroundImage属性不会异步设置值。所以我的问题解决了。