HTMLInputElement: свойство webkitEntries

Только для чтения webkitEntries свойство интерфейса HTMLInputElement содержит массив элементов файловой системы (как объекты, основанные на FileSystemEntry), представляющие файлы и/или каталоги, выбранные пользователем с помощью элемента <input> типа file, но только если этот выбор был сделан с помощью перетаскивания: выбор файла в диалоговом окне оставит это свойство пустым.

Массив может содержать только каталоги, если свойство webkitdirectory равно true. Это означает, что элемент <input> был настроен таким образом, чтобы пользователь мог выбирать каталоги.

Массив объектов, основанных на FileSystemEntry, каждый из которых представляет один файл, выбранный в элементе <input>. Более конкретно, файлы представлены объектами FileSystemFileEntry, а если разрешено, каталоги — объектами FileSystemDirectoryEntry.

В этом примере показано, как создать элемент выбора файла <input> и обработать выбранные файлы.

document.getElementById("files").addEventListener("change", (event) => {
  event.target.webkitEntries.forEach((entry) => {
    /* do stuff with the entry */
  });
});

Каждый раз, когда происходит событие change, этот код итерирует по выбранным файлам, получает их объекты, основанные на FileSystemEntry, и выполняет действия над ними.

• API для файлов и каталогов
• Введение в API для файлов и каталогов
• HTMLInputElement
• FileSystemEntry
• FileSystem