文件：webkitRelativePath 属性

注意：此功能在Web Workers中可用。

webkitRelativePath是File接口的只读属性，它包含一个字符串，该字符串指定文件相对于用户在具有其webkitdirectory属性设置为的<input>元素中选择的目录的文件路径。

值

包含文件相对于用户选择的祖先目录的路径的字符串。

示例

在此示例中，将显示一个目录选择器，允许用户选择一个或多个目录。当change事件发生时，将生成并显示所选目录层次结构中包含的所有文件的列表。

HTML

html

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

output {
  display: block;
  white-space: pre-wrap;
}

JavaScript

const output = document.getElementById("output");
const filepicker = document.getElementById("filepicker");

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

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

结果

规范

规范
文件和目录条目 API # dom-file-webkitrelativepath

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。