Question

将文件拖放到<div>以获取我使用var files=e.originalEvent.dataTransfer.files;的文件列表对象时，但从上传窗口中选择文件时我不知道该使用什么。

检查this jsfiddle。

我应该使用什么来从<input type="file">获取文件列表？

Answer 1

任何jQuery对象都使用[]访问它的DOM元素，例如

$('input[type=file]')[0].files;

对你的小提琴，它将是：

var files = this.files;

在这种情况下不需要jQuery，因为change事件

查看更新的小提琴http://jsfiddle.net/qdJ2T/1/

Answer 2

访问FileList对象的不同方法：

$("#btStartUpload").on("click", function(evt) {        

        var filesSelected = document.getElementById('btInput').files; // FileList object
        var filesSelected = $('#btInput').prop('files'); // with jQuery
        var filesSelected = $('#btInput')[0].files; // with jQuery
        var filesSelected = $('input[type=file]')[0].files;  // with jQuery
        console.log(filesSelected);

        // action
    });

选择文件时获取文件列表对象Jquery

2 个答案: