在javascript中获取图像的高度

我有这张图片：<img style="border-bottom-right-radius:0px;" id="cover_image" src="Daft+Punk+Tron+Legacy.jpg" alt="cover" width="851" />，我已经设置了图像的宽度，并且照片会自动保持宽高比并将宽度都调整为851，并将高度调整为某个值，我想抓取高度值与Javascript支持，但是它不工作在javascript中获取图像的高度

到目前为止，我已经试过这样：

$(document).ready(function() { 
    alert($("#cover_image").height()); 
});

当我尝试

$(document).ready(function() { 
     alert($("#cover_image").width()); 
    });

它的工作原理，它显示85 1这是宽度的正确值，但是当我使用高度时返回0 ..请问您能指出我正确的方向吗？

来源

2013-06-27 southpaw93

请参考以下网址 http://stackoverflow.com/questions/623172/how-to-get-image-size-height-width-using-javascript – Manish

@Mac这是'高度（）'，而不是“高度”，这意味着计算值：http://api.jquery.com/height/ –

我没有明白你的观点。你最终想做什么？ – Manish

图像的使用onload事件：

$("#cover_image").on('load',function(){ 
    if(this.complete) alert($(this).height()); 
});

来源

2013-06-27 11:07:24

你是javascript的主人，非常感谢你的工作:) – southpaw93

不，我不是javascript的主人:)很高兴帮助！ –

clientWidth和clientHeight是DOM属性显示当前在浏览器的尺寸的DOM元素（不包括余量和边界）的内部尺寸的。所以在IMG元素的情况下，这将获得可见图像的实际尺寸。

var img = document.getElementById('imageid'); 
//or however you get a handle to the IMG 
var width = img.clientWidth; 
var height = img.clientHeight;

感谢 AB

来源

2013-06-27 11:09:11

在javascript中获取图像的高度

回答

相关问题