FileList: length property
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Note: This feature is available in Web Workers.
The length read-only property of the FileList interface returns the number of files in the FileList.
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> |