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

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

也许加载的数据转换为数据URI。这可以用作背景图片网址。看到这里的例子：http://sveinbjorn.org/dataurls_css – dronus 2011-12-21 16:13:14

真的有帮助！非常感谢。我会尽快发布我是如何做到的，但是由于声誉限制，我无法在接下来的5个月内完成 – 2011-12-21 17:08:49

dronus给了我很大回答这个问题张贴在评论部分此链接： sveinbjorn.org/dataurls_css

您简单的必须做以下使用的图像数据的CSS背景图片：这将节省在创建后一个新的，并填写并且使用的FileReader（）数据填充图像的src数据

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

现在你只需要利用这个变种，并将其设置为背景图片的URL

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

阅读链接，以获得更好的理解这里发生了什么，并再次感谢dronus

2011-12-22 09:31:07

回答