jquery'de görüntü yüksekliği genişliği nasıl elde edilir

Question

JQuery işlevinde, resmi yüklediğim bir formum var; Ben görüntü adını ve boyutunu alıyorum this.files[0] kullanarak

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

. Bunun için kullanıyorum. this.files[0].size ve this.files[0].name. Ama şimdi görüntü ve yükseklik elde etmek istiyorum. Bunu nasıl yapabilirim?

Answer 1

Ben

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); 
     }; 
}; 

jQuery böylece, Görüntü tipi doğrulama sonra jQuery okunabilir görüntüye herhangi bir görüntü dosyasını dönüştürmek, böylece tam dosya türünü bilmiyorum olarak, aşağıda belirtildiği üzere, başıma bir çözüm var jQuery görüntü olarak işleyebilir. Bu nedenle dosyaya dönüştürme için okuyucuya ihtiyacımız var.