Windows apps
Collapse the table of content
Expand the table of content
Information
The topic you requested is included in another documentation set. For convenience, it's displayed below. Choose Switch to see the topic in its original location.

files property

Returns a FileList object on a file type input object.

This property is read-only.

HTML5 A vocabulary and associated APIs for HTML and XHTML, Section 4.10.7.4Internet Explorer 10

 

Syntax

JavaScript
oFileList = object.files

 

Property values

Type: FileList

A FileList object containing a list of the files selected.

Standards information

Remarks

The following example lets you pick multiple files, and then displays them.


<!DOCTYPE html>
<html >
<head>
    <title>Files property test</title> 
    <script type="text/javascript">
        function getFiles() {
            // Get input element
            myFileList = document.getElementById("myfiles");
            // loop through files property, using length to get number of files chosen
            for (var i = 0; i < myFileList.files.length; i++) {
                // display them in the div
                document.getElementById("display").innerHTML += "<br/>" + myFileList.files[i].name ;
            }
        }
</script>
</head>
<body>
<label>Use <strong>shift</strong> or <strong>ctrl</strong> click to pick a few files: 
<input type="file" multiple id="myfiles" onchange="getFiles();" /></label>

<div id="display"></div>
</body>
</html>


See also

HTMLInputElement
input type=file

 

 

Show:
© 2017 Microsoft