Input FileUpload files 屬性

HTML DOM Input FileUpload 對象

定義和用法

files 屬性返回 FileList 對象，代表使用文件上傳按鈕選擇的一個或多個文件。

通過 FileList 對象，可以獲取文件的名稱、大小和內容。

該屬性是只讀的。

實例

使用文件上傳按鈕選擇一個或多個文件，并顯示有關所選文件的信息：

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) + ". file</strong><br>";
      var file = x.files[i];
      if ('name' in file) {
        txt += "名稱：" + file.name + "<br>";
      }
      if ('size' in file) {
        txt += "大小：" + file.size + " bytes <br>";
      }
    }
  }
} 
document.getElementById ("demo").innerHTML = txt;

親自試一試

語法

fileuploadObject.files

技術細節

返回值： FileList 對象，代表所選文件。

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 10.0 支持 支持 支持

HTML DOM Input FileUpload 對象