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 January 2020.

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

Browser compatibility

BCD tables only load in the browser