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

DEMO

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 Demo

Answer 3

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

这是对我有用的rlemon的答案。既然他回答是评论而不是答案，我只是为他回答这个问题。

如何获得图像的高度？

3 个答案: