javascript - 画像の高さを取得するにはどうすればよいですか？

Question

画像の高さを表示するためにこれを作成しました。

alert($("img.my_pic").height());

ただし、画像の高さが0.9090919494628906であることがわかりますが、これは正しくありません。

正しい高さを得るにはどうすればよいですか？

Answer 1

$("img.my_pic").on('load', function() { alert( this.height ); });

これは私のために働いたrlemonの答えでした。彼は答えではなくコメントとして答えたので、私は彼のためにこれに答えているだけです。

Answer 2

試す

$("img.my_pic").prop('height')

もちろん、画像は完全に読み込まれている必要があります。

---

このcompleteプロパティを使用して、画像が読み込まれているかどうかを確認できます。

if ($("img.my_pic").prop('complete') === false){
    $("img.my_pic").on('load', function(){
        alert($(this).prop('height'));
    });
}
else{
    alert($("img.my_pic").prop('height'));
}

デモ

Answer 3

画像がDOMに読み込まれるまで待つ必要があります

function imageSize(img){
  var theImage = new Image();
  $(theImage).load(function() {
    var imgwidth = this.width;
    var imgheight = this.height;

    alert(imgwidth+'-'+imgheight);
  });
  theImage.src = img.attr('src');
}

jsFiddleデモ