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