當選擇文件時獲取文件列表對象Jquery

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

種不同的方法來訪問文件列表中的對象：

$("#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 
    });