正在尝试从拖放Jquery文件中设置fileinput val

Trying to set fileinput val from drag and drop Jquery file

本文关键字:文件 设置 fileinput val Jquery 拖放      更新时间:2023-09-26

我试图制作一个简单的上传器,用户可以将文件从桌面拖放到网站元素中。我相信我已经想好了,但我似乎无法从文件中获得任何信息。如何通过拖放设置文件输入值?这是拖放代码,我不确定它是否正确。这个盒子拖过去确实会变色,仅此而已。

$(".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/