Какова цель свойства webkitRelativePath в объекте 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

какова его цель? И как его можно использовать?

10
console dom fileapi html5 webkit

1 ответов

он заполняется при использовании webkitdirectory атрибут на входе файла:

<input type="file" webkitdirectory>

это работает только в Chrome. Это позволяет пользователю выбрать папку, а не файлы, и каждый файл читается рекурсивно. The webkitRelativePath содержит относительный путь файла в иерархии.

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

22