複数のファイルアップロードフィールドを持つHTMLフォーム、クライアント側の最大ファイルサイズを確認する方法

Question

私はこの最大のファイルサイズをクライアントサイドでHTML形式でチェックする簡単なスクリプトを用意しています。このチェックは追加された最初のファイルに対して機能しますが、動的に追加されたときに他の入力フィールドのチェック方法を適用する方法を見つけるのには苦労しています。これを解決する方法上の任意のヒントをいただければ幸いですhttp://jsfiddle.net/tZPg4/16341/

：

チェックがよりよく問題を理解するためにvar uploadField = document.getElementById("file1");

チェックアウトこのフィドルに基づいています。

Answer 1

動的に追加されたオブジェクトを委任する必要があります。 コードでは、具体的にはファイル1の代わりにthisを使用してください

$("#files").delegate("input","change",function(){ 
     if(this.files[0].size > 2000000){ 
       alert('File is larger than 2MB. Please choose a smaller file'); 
     this.value = ""; 
    }; 
}); 

Answer 2

File Inputの合計数を確認し、検証してください。 http://jsfiddle.net/zz8c9c9u/5/