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

Question

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

检查这个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
    });