File对象中webkitRelativePath属性的用途是什么？

Question

如果您使用以下简单的内容在Chrome控制台中打印出File对象:

<input type="file" onchange="console.info(this.files);" />

您将在其他属性中看到一个始终为空的webkitRelativePath属性:

fileName: "07.png"
fileSize: 33022
lastModifiedDate: Date
name: "07.png"
size: 33022
type: "image/png"
webkitRelativePath: ""
__proto__: File

它的目的是什么？它是如何被利用的？

Answer 1

webkitdirectory在文件输入上使用属性时填充:

<input type="file" webkitdirectory>

它只适用于Chrome.这允许用户选择文件夹而不是文件,并且递归地读取每个文件.在webkitRelativePath包含层次结构中的文件的相对路径.

有一个演示这里.