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> |