アップロード時の画像サイズを制限する

Question

サイズと拡張子/タイプのファイルをアップロードするためのスクリプトがここにあります。型チェックはうまく機能しますが、サイズの型チェックでは機能しません。助けてください？

<script type="text/javascript"> 
    function validateImage(fld) { 
     if(!/(\.bmp|\.gif|\.jpg|\.jpeg|\.png)$/i.test(fld.value)) { 
      alert("Invalid image file type. Supported image file types: PNG, BMP, JPEG, JPG, GIF");  
      fld.form.reset(); 
      fld.focus();   
      return false; 
     } 

     if(fld.files[0].size > 2000000) { 
      alert("Invalid image file type. Supported image file types: PNG, BMP, JPEG, JPG, GIF");  
      fld.form.reset(); 
      fld.focus(); 
      return false; 
     } 
     return true; 
    } 
</script> 

<input type="file" name="logo" id="logo" onchange="return validateImage(this);"> 

助けをお待ちしています。

Answer 1

異なる関数呼び出しを使用しています。 onchangeイベントのvalidateFileExtension（）呼び出しを使用します。または、両方の検証に他の名前を使用します。

<script type="text/javascript"> 
    function validateFileExtension(fld) { 
     if(!/(\.bmp|\.gif|\.jpg|\.jpeg|\.png)$/i.test(fld.value)) { 
      alert("Invalid image file type. Supported image file types: PNG, BMP, JPEG, JPG, GIF");  
      fld.form.reset(); 
      fld.focus();   
      return false; 
     } 

      if(fld.files[0].size > 2097152) { 
      alert("Invalid image file type. Supported image file types: PNG, BMP, JPEG, JPG, GIF");  
      fld.form.reset(); 
      fld.focus(); 
      return false; 
     } 

     return true; 
    } </script> 

    <input type="file" name="logo" id="logo" onchange="return validateFileExtension(this);"> 

Answer 2

こちらのコードリファレンスを参考にしてください。私はあなたが私は十分に精緻

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script type="text/javascript"> 
 
function validateImage(fld) { 
 
    
 
     if(fld.files[0].size > (1*1024*1024)) { 
 
     alert("File size must be less than 1 MB");  
 
     fld.form.reset(); 
 
     fld.focus(); 
 
     return false; 
 
    } 
 

 
    return true; 
 
} 
 
</script> 
 

 
<input type="file" name="logo" id="logo" onchange="return validateImage(this);">