我试图制作一个简单的上传器,用户可以将文件从桌面拖放到网站元素中。我相信我已经想好了,但我似乎无法从文件中获得任何信息。如何通过拖放设置文件输入值?这是拖放代码,我不确定它是否正确。这个盒子拖过去确实会变色,仅此而已。
$(".droparea").bind({
dragleave: function (e) {
e.preventDefault();
$(".droparea").css("backgroundColor","white");
},
drop: function (e) {
e.preventDefault();
//something here to set the FileInput element val()
},
dragenter: function (e) {
e.preventDefault();
$(".droparea").css("backgroundColor","Green");
},
dragover: function (e) {
e.preventDefault();
}
});
如果你正在使用HTML5,这里有一个很棒的教程。您可以将它们转换为jQuery,因为您的示例中似乎使用了jQuery。
干杯!
试试这个插件
http://blueimp.github.com/jQuery-File-Upload/