javascript - 按下打开按钮时 Jquery 上传文件

Question

我有以下代码，我遇到的问题是我收到 e.originalEvent.dataTransfer 未定义的错误。

我的代码如下HTML

Select images: <input type="file" id='fileupload' name="userfile[]" multiple>

Javascript如下

var hot = $('#fileupload');

hot.change(function (e) 
{
     e.preventDefault();
     var files = e.originalEvent.dataTransfer.files;
     //send dropped files to Server
     handleFileUpload(files,hot);
});

function handleFileUpload(files,obj)
{
   for (var i = 0; i < files.length; i++) 
   {
        var fd = new FormData();
        var e = document.getElementById("child_id");
        fd.append('userfile[]', files[i]);
        var filename=files[i].name;
        var status = new createStatusbar(obj,files[i]); //Using this we can set progress.
        status.setFileNameSize(files[i].name,files[i].size);
        sendFileToServer(fd,status,filename);

   }
}

Answer 1

属性files属于输入字段。您可以通过 target 属性获得该值。

如果我测试上面的设置，我可以成功使用此描述符:

e.originalEvent.target.files

然后，files 是一个 File 对象数组，包含名称、lastModifiedDate、类型等。