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