¿Cuál es el propósito de la propiedad webkitRelativePath en el objeto File?

Question

Si objeto File copia impresa en la consola de Chrome con algo tan simple como esto:

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

verá entre otras propiedades de un siempre vacío webkitRelativePath propiedad:

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

¿Cuál es su propósito? ¿Y cómo se puede aprovechar?

Answer 1

Se rellena cuando el uso del atributo webkitdirectory en la entrada de archivo:

<input type="file" webkitdirectory> 

sólo funciona en Chrome. Esto le permite al usuario seleccionar una carpeta en lugar de archivos, y cada archivo se lee recursivamente. El webkitRelativePath contiene la ruta relativa del archivo dentro de la jerarquía.

Hay una demostración here.