Wie bekomme ich Bildhöhe Breite in jquery

Question

Ich habe ein Formular, wo ich das Bild in der jQuery-Funktion hochladen;

$('body').on('change', '#file', function() { 

Mit this.files[0] bekomme ich Bildname und Größe. Dafür benutze ich. this.files[0].size und this.files[0].name. Aber jetzt möchte ich Höhe und Breite des Bildes bekommen. Wie kann ich das machen?

Answer 1

Ich habe die Lösung von mir bekam, wird es wie folgt,

var reader = new FileReader(); 
reader.onload = imageIsLoaded; 
reader.readAsDataURL(this.files[0]); 
function imageIsLoaded(e) { 
     var image = new Image(); 
     image.src = e.target.result; 
     image.onload = function() { 
       // access image size here 
       alert(this.width); 
       alert(this.height); 
     }; 
}; 

als jquery weiß nicht genau Dateityp, so nach der Validierung Bildart wir eine beliebige Bilddatei auf jQuery lesbares Bild umwandeln kann, so jQuery kann es als Bild behandeln. Daher benötigen wir zum Konvertieren von Datei in Bild einen Leser.