Файл загрузки файла HTML 5 как background-image - PullRequest
Новая
       25

Файл загрузки файла HTML 5 как background-image

13 голосов
/ 21 декабря 2011

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

1 Ответ

6 голосов
/ 22 декабря 2011

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

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

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

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

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

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

...