The files
property returns a FileList
.
files
is a property of the HTMLInputElement
Interface, that is, the DOM interface for <input>
tags. It is implemented by browsers that support the HTML5 File API.
To access individual files you can just iterate over them like any other List/Array. E.g.:
var files = element.files; //where `element` is a file input element reference
//`files` references a FileList, you can iterate over it and access its File objects
for (var i = 0; i < files.length; i++) {
console.log('File '+ i +"'s name = " + files[i].name +
'; size: ' + files[i].size + ' bytes');
}
MDN has a nice tutorial for using the File API as well.