文件：webkitRelativePath 属性
注意：此功能在 Web Workers 中可用。
webkitRelativePath 是 File 接口的一个只读属性，它包含一个字符串，用于指定文件相对于用户在具有 webkitdirectory 属性的 <input> 元素中选择的目录的路径。
值
一个字符串，包含文件相对于用户选择的祖先目录的路径。
示例
在此示例中，会显示一个目录选择器，允许用户选择一个或多个目录。当 change 事件发生时，将生成并显示所选目录层次结构中包含的所有文件的列表。
HTML
html
<input type="file" id="file-picker" name="fileList" webkitdirectory multiple />
<output id="output"></output>
JavaScript
js
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`;
}
});
结果
规范
| 规范 |
|---|
| File and Directory Entries API # dom-file-webkitrelativepath |
浏览器兼容性
加载中…