File對象中webkitRelativePath屬性的用途是什麼？

Question

如果您打印輸出文件的對象在Chrome控制檯，像這樣簡單的東西：

<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包含層次結構中文件的相對路徑。

有一個演示here。