入力タイプhtml5の画像の最大量を確認する

Question

こんにちはx画像をアップロードするために入力タイプを使いたいと思います。アップロードが完了した後に警告が表示されます。私はこれに純粋なJavaScriptを使用しています。

私は、複数の画像を受け入れるために複数のオプションを使用することができます。

<input type="file" accept=".png, .jpg, .jpeg" multiple /> 

ファイルの量を取得するためにクエリセレクタを使用することができます。 ファイルマネージャウィンドウが閉じた直後に、以下のコードを実行できるように、呼び出すべきイベントがどれか分かりません。あなたの助けのための

amount = document.querySelector('input[type=file]').files 
if (amount > 3){ 
    alert("Only 3 images are allowed!!!") 
} 

おかげ

Answer 1

var input = document.querySelector('input[type=file]'); 
 
var form = document.querySelector('#fileup'); 
 
input.onchange = function() { 
 
    if (input.files.length > 3){ 
 
     alert("Only 3 images are allowed!!!"); 
 
     form.reset(); 
 
    } 
 
};

<form id="fileup"> 
 
<input type="file" accept=".png, .jpg, .jpeg" multiple /> 
 
</form>