jquery 限制上傳文件的類型和大小

jquery 限制上傳文件的類型和大小

HTML

<input type="file" name="file" class="upload"  onchange="Javascript:validate_img(this);">

JS

//限制上傳文件的類型和大小
function validate_img(ele){
    // 返回 KB，保留小數點后兩位
    //alert((ele.files[0].size/(1024*1024)).toFixed(2));
    var file = ele.value;
          
    if(!/.(gif|jpg|jpeg|png|GIF|JPG|bmp)$/.test(file)){
              
      alert("圖片類型必須是.gif,jpeg,jpg,png,bmp中的一種");
           return false;
           
     }else{
              
         //alert((ele.files[0].size).toFixed(2));
         //返回Byte(B),保留小數點后兩位
        if(((ele.files[0].size).toFixed(2))>=(2*1024*1024)){
                 
          alert("請上傳小於2M的圖片");
                 return false;
         }
     }
          alert("圖片通過");
}