jquery - HTML 5 文件加载图像作为背景图像

Question

是否可以通过 HTML 5 文件 API 加载图像并使用 javascript/jquery 将其设为 css 背景图像？如果可能的话，它是如何完成的？

Answer 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