javascript - 元素背景图像 DataURL

Question

有什么方法可以让回调background-image加载以 64 为基数DataURL。我可以使用图像src属性缓存它，但是使用数据 url 吗？如何 ？

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 属性没有异步设置值。所以我的问题解决了。