W3cubDocs

/Web APIs

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

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