jQuery:无法通过输入点击上传文件

时间:2015-03-20 20:27:33

标签: javascript jquery html

我的页面区域允许用户拖放文件并上传(为了调试,我有它的console.log文件名。我也试图添加点击div的能力调出文件对话框窗口,以便他们可以通过那里上传文件。出于某种原因,这不起作用。我是否错误地使用event.datatransfer.files

Here is my jsFiddle代码。

重要的一点是:

dropArea.addEventListener('click', handleClick, false);
function handleClick(event) {
    $("#FileUpload").trigger('click');
    console.log(event.dataTransfer.files[0]['name']);
}

1 个答案:

答案 0 :(得分:0)

我明白了。根据评论,我不得不绑定更改事件。以下解决了我的问题:

$("#FileUpload").on('change',function(){
    //console.log(this.files);
    processFiles(this.files);
});

this.files包含所有文件的文件列表