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()，用來返回指定位置的實例。