檔案上傳 files 屬性
示例
透過檔案上傳按鈕選擇一個或多個檔案,並顯示所選檔案的一些資訊
var x = document.getElementById("myFile");
var txt = "";
if ('files' in x) {
if (x.files.length == 0) {
txt = "請選擇一個或多個檔案。";
} else {
for (var i = 0; i < x.files.length; i++) {
txt += "<br><strong>" + (i+1) + ". 檔案</strong><br>";
var file = x.files[i];
if ('name' in file) {
txt += "名稱: " + file.name + "<br>";
}
if ('size' in file) {
txt += "大小: " + file.size + " 位元組 <br>";
}
}
}
}
document.getElementById ("demo").innerHTML = txt;
自己動手試一試 »
描述
files 屬性返回一個 FileList 物件,該物件表示透過檔案上傳按鈕選擇的檔案或檔案。
透過 FileList 物件,您可以獲取檔案的名稱、大小和內容。
此屬性為只讀。
瀏覽器支援
| 屬性 | |||||
|---|---|---|---|---|---|
| files | 是 | 10.0 | 是 | 是 | 是 |
語法
fileuploadObject.files
技術詳情
| 返回值 | 一個 FileList 物件,表示所選的檔案或檔案。 |
|---|
❮ Input FileUpload 物件