13
là có thể tải hình ảnh qua API Tệp HTML 5 và biến nó thành hình nền css bằng javascript/jquery không? Nếu có thể, nó được thực hiện như thế nào?HTML 5 Hình ảnh tải tệp làm hình nền
A
Trả lời
6
dronus đã cho tôi một câu trả lời tuyệt vời cho câu hỏi này bằng cách đăng liên kết này trong phần bình luận: sveinbjorn.org/dataurls_css
Bạn đơn giản phải làm như sau để sử dụng các dữ liệu hình ảnh cho một hình nền css: này sẽ tiết kiệm được dữ liệu src của hình ảnh của bạn sau khi bạn tạo một mới và điền và điền nó với dữ liệu bằng cách sử dụng FileReader()
var imgFileData = $('#image').attr('src')
Bây giờ bạn chỉ cần phải mất var này và thiết lập nó như là url background-image
$('#yourDiv).css({'background-image':'url(' + imgFileData + ')'});
$('#image').hide(); //optional
hiểu các liên kết để có được một sự hiểu biết rõ hơn những gì đang xảy ra ở đây, và nhờ một lần nữa để dronus
lẽ chuyển đổi các dữ liệu được nạp vào một uri dữ liệu. Điều đó có thể được sử dụng làm URL hình nền. Xem ví dụ tại đây: http://sveinbjorn.org/dataurls_css – dronus
Điều đó thực sự hữu ích! Cảm ơn rất nhiều. Tôi sẽ đăng bài như thế nào tôi đã làm nó càng sớm càng tốt, nhưng nhờ vào những hạn chế về danh tiếng, tôi không thể làm điều đó trong 5 giờ tới –