如何獲得圖像的高度？

Question

我寫這個是為了告訴我圖像的高度：

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

但是，它告訴我圖像的高度為0.9090919494628906，這是不正確的。

我應該怎么做才能獲得正確的身高？

Answer 1

嘗試

$("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 2

您必須等待，直到圖像加載到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演示

Answer 3

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

這是rlemon對我有用的答案。 由於他是作為評論而不是回答來回答的，所以我只是為他回答。