FileList: length property
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)`;
});