html - HTML でのファイルのアップロード数を制限するにはどうすればよいですか?

Question

ユーザーが入力タグで最大 6 つのファイルを選択できるように制限したい。現在、私の入力タグは次のようになっています。

<input type="file" name="question_pic" id="id_question_pic" multiple/>

ユーザーが最大6つのファイルを選択できるように制限したいと思います。サーバー側でエラーを返すことはできますが、クライアント側で最初に変更してもらいたいです。

それを行う方法はありますか？

ありがとう。

Answer 1

次のような jQuery 関数を使用できます。

$('.fileinput').change(function(){
    if(this.files.length>10)
        alert('Too many files')
});
// Prevent submission if limit is exceeded.
$('form').submit(function(){
    if(this.files.length>10)
        return false;
});