2011-12-04 60 views
10

場合には、このような単純なものを使ってChromeのコンソールで使用するプリントアウトFileオブジェクト:FileオブジェクトのwebkitRelativePathプロパティの目的は何ですか?

<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 

それが目的だ何ですが?それがどのように活用できるのか?

+0

私はそれを使用しません。ウェブキット固有のものに過ぎません。だから、私はあなたがその意味を見つけることをお勧めしますが、それを使用しないでください(それを活用しないでください)。 –

答えて

22

ファイル入力にwebkitdirectory属性を使用したときに読み込まれます:

<input type="file" webkitdirectory> 

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

デモhereがあります。

+0

これらのスライドのビデオレコードはどこかにありますか?そこに興味深いものがいくつかあります。 – jayarjo

+1

これはChromeでのみ機能するわけではありません。 FFでもあります。ブラウザの互換性を参照してください:https://developer.mozilla.org/en-US/docs/Web/API/File/webkitRelativePath – MatiK

関連する問題