Файл: свойство webkitRelativePath

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

Чтение-только свойство webkitRelativePath интерфейса File содержит строку, которая указывает путь к файлу относительно каталога, выбранного пользователем в элементе <input> с атрибутом webkitdirectory.

Значение

Строка, содержащая путь к файлу относительно родительского каталога, выбранного пользователем.

Пример

В этом примере отображается диалоговое окно для выбора одного или нескольких каталогов. При возникновении события change генерируется и отображается список всех файлов, содержащихся в выбранных иерархиях каталогов.

HTML

<input type="file" id="file-picker" name="fileList" webkitdirectory multiple />
<output id="output"></output>

JavaScript

const output = document.getElementById("output");
const filePicker = document.getElementById("file-picker");

filePicker.addEventListener("change", (event) => {
  const files = event.target.files;

  for (const file of files) {
    output.textContent += `${file.webkitRelativePath}\n`;
  }
});

Результат

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

Спецификация
API файлов и каталогов # dom-file-webkitrelativepath

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

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`webkitRelativePath`	13	13	50	15	11.1	18	Нет	14	11.3	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/File/webkitRelativePath