FileList: свойство length

Базовая Широко доступно

Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с января 2020 года.

Примечание: Эта функция доступна в Потоках Web Workers.

Чтение только свойство length интерфейса FileList возвращает количество файлов в FileList.

Значение

Число, указывающее количество файлов в списке.

Примеры

Вывод количества выбранных файлов

В этом примере мы используем length для нахождения количества элементов в 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)`;
});

Результат

Спецификации

Спецификация
File API # dfn-length

Совместимость браузеров

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`length`	2	12	3	11.1	4	18	4	11.1	3.2	1.0	≤37

© 2005–2024 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