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 = ''; 
    } 

}); 

（あなたにシェアあなたが必要な場合は！）