The read-only FileList length property returns the number of files in the FileList.
FileList: length property
Value
A number indicating the number of files in the list.
Examples
Printing the number of files selected
In this example, we use length to find the number of items in the FileList.
HTML
html
<input type="file" multiple />
<div class="output"></div>
JavaScript
js
const fileInput = document.querySelector("input[type=file]");
const output = document.querySelector(".output");
fileInput.addEventListener("change", () => {
const fileList = fileInput.files;
output.textContent = `You've selected: ${fileList.length} file(s)`;
});
Result
Specifications
| Specification |
|---|
| File API # dfn-length |
Browser compatibility
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
length |
2 | 12 | 3 | 10 | 11.1 | 4 | ≤37 | 18 | 4 | 11.1 | 3.2 | 1.0 |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/FileList/length