尝试通过拖放Jquery文件来设置fileinput val

Zak*_*shi 5 javascript jquery

我试图制作一个简单的上传器,用户将文件从桌面拖放到网站元素中.我相信我弄明白了但是我似乎无法获得有关该文件的任何信息.如何通过拖放设置文件输入值?这是拖放代码我不确定它是否正确.当它绕过它时,盒子会改变颜色.

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

            }
        });
Run Code Online (Sandbox Code Playgroud)

ind*_*dex 0

如果您使用 HTML5,这里有一个很棒的教程。您可以将它们转换为 jQuery,因为您似乎正在使用 jQuery 作为示例。

干杯!