FileList : Object

A object representing a list of Files. Available on the HTMLInputElement.files property.

Instance Indexers

this[index : Number] : File readonly

Returns the File at the specified index. You can also use the item() method to retrieve the item.

Example:

<input id='file-input' type='file' multiple>
<script>
  var fileInput = document.getElementById('file-input');
  fileInput.addEventListener('change', function(event) {
    var input = event.target;

    for (var i = 0; i < input.files.length; i++) {
      console.log(input.files[i].name);
    }
  });
</script>

Run

Results:

Instance Properties

length : Number readonly

The number of Files in the list.

Example:

<input id='file-input' type='file' multiple>
<script>
  var fileInput = document.getElementById('file-input');
  fileInput.addEventListener('change', function(event) {
    var input = event.target;

    console.log(input.files.length);
  });
</script>

Run

Results:

Instance Methods

item(index : Number) : File

Same as this[index].

home license contribute feedback toggle light/dark mode