如何使用jQuery檢查上傳圖片的類型和大小（全部文件類型爲HTML元素）？

Question

我想限制上傳文件的類型和大小使用同一頁面上的所有文件元素（現在我只是成功地讓文件類型限制功能工作）。

我的代碼如下圖所示：

//this part is working now 
//restrict upload file type 
$('INPUT[type="file"]').change(function() { 
    var ext = this.value.match(/\.(.+)$/)[1]; 
    switch (ext) { 
     case 'jpg': 
     case 'jpeg': 
     case 'png': 
     case 'gif': 
      $('#uploadButton').attr('disabled', false); 
      break; 
     default: 
      alert('Only image file type please!!'); 
      this.value = ''; 
    } 

//this part below i have no idea to make it work!! 
// hope restrict file size in 1 MB 
    if(this.size > 1024) { 
     alert("Please check upload image not over 1MB"); 
     this.value = ''; 
    } 

}); 

Answer 1

我嘗試通過自己

//restrict upload file type 
$('INPUT[type="file"]').change(function() { 
    var ext = this.value.match(/\.(.+)$/)[1]; 
    switch (ext) { 
     case 'jpg': 
     case 'jpeg': 
     case 'png': 
     case 'gif': 
      $('#uploadButton').attr('disabled', false); 
      break; 
     default: 
      alert('Only image file type please!!'); 
      this.value = ''; 
    } 

// restrict file size in 1 MB 
    if((this.files[0].size)/1024 > 1000) { 
     alert("Please check upload image not over 1MB"); 
     this.value = ''; 
    } 

}); 

（股給你，如果你需要！）