Javascript複数の属性を持つファイル入力要素からファイル数とファイル名を取得しますか？

Question

multiple="multiple"属性を持つファイル入力があり、複数のファイルを一度に選択できるようになりました。私は選択したファイル名とその前にカウントを表示するが、私はjavascriptを使用してファイルの入力要素からこの情報を取得する方法がわからないのですか？

<input type="file" id="fileElementId" name="files[]" size="20" multiple="multiple" /> 

私はこれ試してみた：

document.getElementById('fileElementId').value 

をしかし、私は複数のファイルを選択した場合、これは一つだけのファイル名を返します。 JavaScriptを使用すると、multiple属性を持つファイル入力要素から、選択したファイルの数とその名前を取得するにはどうすればよいですか？

Answer 1

を、あなたの<input>要素は、 "ファイル" プロパティを持つことになります。それはあなたに ".length"プロパティを持つ "FileList"リファレンスを与えます。また、 "FileList"インスタンスには ".item（）"というアクセスメソッドがあり、個々の "File"要素にアクセスするには整数argが必要です。それらには ".name"プロパティがあります。

そう：これはもちろん、古いIEのバージョンでは動作しない、と私はSafariとChromeのサポートがどのように徹底してもわからない

var inp = document.getElementById('fileElementId'); 
for (var i = 0; i < inp.files.length; ++i) { 
    var name = inp.files.item(i).name; 
    alert("here is a file name: " + name); 
} 

。しかし、ファイル入力に "複数"が設定されたページを作成している場合は、すでに踊っています:-)

Answer 2

これはテストされていないですが、あなたは試みることができる：HTML5ファイルのものをサポートする新しいブラウザで

$('#fileElementId').get(0).files; 

または

document.getElementById('fileElementId').files; 

Answer 3

2番目の答えが間違っていました。

回答はdocument.getElementById('fileElementId').files;の代わりにdocument.getElementById('fileElementId').files.length;である必要があります。