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

时间:2014-07-08 08:30:38

标签: javascript jquery

我有以下代码,我遇到的问题是我收到错误的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);

   }
}

1 个答案:

答案 0 :(得分:0)

属性files属于输入字段。您将获得target属性。

如果我测试上面的设置,我就成功使用了这个描述符:

e.originalEvent.target.files

然后,files是一个File个对象的数组,包含name,lastModifiedDate,type等。