Подтвердить что ты не робот

HTML 5 Загрузка изображения в качестве фонового изображения

Можно ли загрузить изображение через API-интерфейс HTML 5 и создать его css-фоновое изображение с помощью javascript/jquery? Если возможно, как это делается?

4b9b3361

Ответ 1

dronus дал мне отличный ответ на этот вопрос, разместив эту ссылку в разделе комментариев: sveinbjorn.org/dataurls_css

Вам просто нужно сделать следующее, чтобы использовать данные изображения для фонового изображения css: Это сохранит данные src вашего изображения после создания нового и заполнит и заполнить его данными с помощью FileReader()

var imgFileData = $('#image').attr('src') 

Теперь вам просто нужно взять этот var и установить его как URL-адрес фонового изображения

$('#yourDiv).css({'background-image':'url(' + imgFileData + ')'});
$('#image').hide(); //optional

Прочитайте ссылку, чтобы лучше понять, что здесь происходит, и снова поблагодарить dronus