元素背景图像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属性不会异步设置该值。所以我的问题就解决了。