JavaScript DOM Input FileUpload 对象 files 属性

  • Input FileUpload 对象 files 属性

    files属性返回一个FileList对象,表示使用文件上载按钮选择的文件。通过FileList对象,您可以获取文件的名称,大小和内容,此属性是只读的。
    使用文件上载按钮选择一个或多个文件,并显示有关所选文件的一些信息:
    var x = document.getElementById("myFile");
    var txt = "";
    if ('files' in x) {
      if (x.files.length == 0) {
        txt = "Select one or more files.";
      } 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 += "name: " + file.name + "<br>";
          }
          if ('size' in file) {
            txt += "size: " + file.size + " bytes <br>";
          }
        }
      }
    } 
    document.getElementById ("demo").innerHTML = txt;
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    files
    10.0+
    支持
    支持
    支持
    支持
  • 语法

    返回files属性:
    FileUploadObject.files
  • 技术细节

    项目 描述
    返回值 表示所选文件的FileList对象