FileList: метод item()

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

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

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

Метод item() интерфейса FileList возвращает объект File, представляющий файл по указанному индексу в списке файлов.

Синтаксис

item(index)

Параметры

index: Индекс файла для извлечения из списка, начиная с нуля.

Возвращаемое значение

Объект File, представляющий запрашиваемый файл.

Примеры

Вывод имени файла

В этом примере мы используем item() для выбора первого элемента в FileList.

HTML

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

JavaScript

const fileInput = document.querySelector("input[type=file]");
const output = document.querySelector(".output");

fileInput.addEventListener("change", () => {
  const fileList = fileInput.files;
  if (fileList.length > 0) {
    const file = fileList.item(0);
    output.textContent = `You selected: ${file.name}`;
  }
});

Результат

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

Спецификация
API файлов # dfn-item

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`item`	2	12	3	≤12.1	4	18	4	≤12.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/item