HTML | DOM 输入文件上传文件属性

HTML DOM 中的Input FileUpload files 属性用于返回一个 FileList 对象，表示使用文件上传按钮选择的一个或多个文件，这是一个只读属性。
通过 FileList 对象，您可以获取有关文件的信息。
句法：

fileuploadObject.files

返回值：它返回一个 FileList 对象，它代表选定的一个或多个文件。

例子：

html

 

    
      Input FileUpload files Property
  

 

    
        
          GeeksforGeeks
      
         

            
            DOM Input FileUpload files Property
          
        
 
        
 
        
 
 
        
            function myFunction() {
                var GFG =
                    document.getElementById("myFile");
                var msg = "";
                if ('files' in GFG) {
                    if (GFG.files.length == 0) {
                        msg =
                            "Select multiple files using" +
                            " 'Shift'.";
                    } else {
                        for (var i = 0; i < GFG.files.length; i++) {
 
                            msg += "<br><strong>" + (i + 1) +
                                ". file</strong><br>";
 
                            var file = GFG.files[i];
                            if ('name' in file) {
                                msg += "name: " + file.name + "<br>";
                            }
                            if ('size' in file) {
                                msg += "size: " + file.size +
                                    " bytes <br>";
 
                            }
                        }
                    }
                } else {
                    if (GFG.value == "") {
                        msg += "Select multiple" +
                          " files using 'Shift'.";
                       
                    } else {
                        msg += "This file property" +
                          " is not supported!!";
                       
                        /* If the browser does not
                        support the files property,
                        it will return the path of
                        the selected file instead. */
                        msg += "<br>The path of the " +
                          "selected file: " + GFG.value;
                    }
                }
                document.getElementById("demo").innerHTML = msg;
            }
        
    

 

输出：
前：

后：

支持的浏览器：

• 谷歌浏览器
• 边缘
• 火狐浏览器
• 歌剧
• 苹果浏览器