我怎樣才能訪問每個路徑/文件名使用jQuery的<input type ='file'multiple>

Question

目前我使用jQuery來讀取文件輸入的值來讀取文件擴展名，並確定它是否是一個zip文件。 （沒關係，因爲我只需要訪問文件名，所以我得到了假路徑。）當我在輸入標記上有多個設置，並且我選擇了多個文件.val（）只抓取最後選擇的文件的路徑。有什麼方法可以遍歷每一個？

Answer 1

HTML5 File API定義了一個FileList對象，可通過事件目標的files屬性進行訪問。你可以做這樣的事情：

$("input[type='file']").change(function(e) { 
    var fileList = e.target.files; 
}); 

的FileList對象包含File對象的列表，以及name物業應該給你你正在尋找的名稱：

console.log(fileList[0].name); 

這裏有一個working example。

編輯

以前，我發現使用jQuery的事件對象的originalEvent財產。這是不必要的，因爲target屬性存在於jQuery事件對象以及原始事件對象中。