FileList: length property

{{APIRef("File API")}}{{AvailableInWorkers}}

The length read-only property of the {{domxref("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

<input type="file" multiple />
<div class="output"></div>

JavaScript

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

{{EmbedLiveSample("Printing the number of files selected")}}

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}