jqueryでイメージの高さの幅を取得する方法

Question

jQuery関数で画像をアップロードするフォームがあります。

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

this.files[0]イメージ名とサイズを取得しています。私はこれを使用しています。 this.files[0].sizeおよびthis.files[0].name。しかし、今私はイメージの高さと幅を取得したい。どうやってやるの？

Answer 1

私は次のように、jQueryの正確なファイルタイプを知らないので、イメージ・タイプの検証の後、我々はjQueryの読み込み可能な画像に任意の画像ファイルを変換することができますよう、それは、

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はイメージとして扱うことができます。したがって、ファイルをイメージに変換するには、読者が必要です。