各パス/ファイル名にアクセスするには<input type = 'file' multiple>

Question

現在jQueryを使用して、 。 （私はファイル名にアクセスする必要があるので、偽のパスを取得しても問題ありません）。入力タグに複数のセットがあり、複数のファイルを選択すると、選択された最後のファイルのパスが取得されます。それぞれを繰り返し処理する方法はありますか？

Answer 1

HTML5 File APIは、イベントターゲットのfilesプロパティからアクセスできるFileListオブジェクトを定義しています。 FileListオブジェクトがFileオブジェクトのリストが含まれており、nameプロパティは、あなたが探している名前を与える必要があります

$("input[type='file']").change(function(e) { 
    var fileList = e.target.files; 
}); 

：

console.log(fileList[0].name); 

ここworking exampleだあなたは、このような何かを行うことができます。

編集

以前、私はjQueryのイベントオブジェクトのoriginalEventプロパティの使用を示しました。 targetプロパティがjQueryイベントオブジェクトと元のイベントオブジェクトに存在するため、これは不要です。