FileList: length property
The read-only FileList
length
property 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 |
Browser compatibility
BCD tables only load in the browser