Какова цель свойства webkitRelativePath в объекте File?

Question

Если вы распечатываете объект File в консоли 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 содержит относительный путь к файлу в иерархии.

Здесь есть демо .