如何获得图像的高度?

时间:2013-01-19 18:22:56

标签: javascript jquery image height

我写这封信给我看图像的高度:

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

但是,它告诉我图像的高度是0.9090919494628906,这是不正确的。

我该怎么做才能获得正确的身高?

3 个答案:

答案 0 :(得分:0)

尝试

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

答案 1 :(得分:0)

您必须等到图像加载到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

答案 2 :(得分:0)

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

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