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

【问题标题】：Get the filelist object when a file is selected Jquery选择文件时获取文件列表对象Jquery
【发布时间】：2012-12-27 13:06:03
【问题描述】：

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

检查this jsfiddle。

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

【问题讨论】：

标签： jquery filelist

【解决方案1】：

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

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

对你来说，它会是：

var files = this.files;

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

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

【讨论】：

这帮了我很大的忙。我一直在阅读的所有其他帖子都谈到了 jQuery ajax 上传过程，但没有一个指定如何在表单中引用实际文件。谢谢一百万！

【解决方案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
    });

【讨论】：