Wie verwendet man jQuery prüfen Upload Bildtyp und Größe (alle Dateityp HTML-Element)?

Question

Ich möchte den Upload-Dateityp und die Dateigröße so beschränken, dass alle Dateielemente auf derselben Seite verwendet werden (jetzt konnte ich nur die Dateityp-Funktion einschränken).

Mein Code wie unten:

//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

ich selbst ausprobieren

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

}); 

(Anteil an Sie, wenn Sie brauchen!)