JavaScript 複習之 File物件

File物件

物件代表一個檔案，用來讀寫檔案資訊。

常見場合是表單的檔案上傳控制元件（<input type="file">），使用者選中檔案以後，瀏覽器就會生成一個陣列，裡面是每一個使用者選中的檔案，它們都是 File 例項物件。

// HTML 程式碼如下
// <input id="fileItem" type="file">
var file = document.getElementById('fileItem').files[0];
file instanceof File // true
複製程式碼

屬性和方法

• File.lastModified：最後修改事件
• File.name：檔名或檔案路徑
• File.size：檔案大小（單位位元組）
• File.type：檔案的 MIME 型別

FileList物件

是一個類似陣列的物件，代表一組選中的檔案，每個成員都是一個 File 例項。它主要出現在兩個場合。

• 檔案控制元件節點（<input type="file">）的files屬性，返回一個 FileList 例項。 拖拉一組檔案時，目標區的DataTransfer.files屬性，返回一個 FileList 例項

FileList 的例項屬性主要是length，表示包含多少個檔案。

FileList 的例項方法主要是item()，用來返回指定位置的例項。