javascript - javascript - 从 Chrome 上的 url 获取图像的高度

Question

我正在使用 javascript 中的图像高度，

我的代码：

<script>
    var  linkBg = 'http://imageshack.us/a/img24/5489/2013042200001.jpg';
    var bgimg = new Image();
        bgimg.src = linkBg;
        var bgHeight = bgimg.height;
        alert(bgHeight);
</script>

我的问题是：当我在 Firefox 上运行此脚本时，它返回图像的高度，但在 Chrome 上它返回 0。

如何在没有 Jquery 的情况下仅使用 javascript 解决此问题，感谢您的帮助！

Answer 1

您需要等到图像完全加载，如下所示：

var imgHeight , imgWidth;
bgimg.onload = function() {
   imgHeight = bgimg.naturalHeight;
   imgWidth = bgimg.naturalWidth;    
}