Элемент Фоновое изображение DataURL

Question

Есть ли способ получить обратный вызов на background-image, загружается базой 64 DataURL. Я могу кэшировать это с помощью атрибута image 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

Похоже, что стиль.BackgroundImage не устанавливает значение асинхронно. Поэтому моя проблема решена.