15

次のような単純なものを使用して、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

その目的は何ですか？そして、それをどのように活用できますか？

4

1 に答える 1

27

webkitdirectoryファイル入力で属性を使用すると、値が設定されます。

<input type="file" webkitdirectory>

Chromeでのみ機能します。これにより、ユーザーはファイルではなくフォルダーを選択できるようになり、すべてのファイルが再帰的に読み取られます。webkitRelativePathには、階層内のファイルの相対パスが含まれています。

ここにデモがあります。

于 2011-12-05T00:20:47.533 に答える