在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中獲取圖像的高度

回答

相關問題