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

Get height of image from url on Chrome

本文关键字:图像 高度 获取 url Chrome 上的      更新时间:2023-09-26

我在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。

如何解决这个问题,我只使用javascript没有Jquery,感谢任何帮助!

您需要等待,直到图像完全加载,像这样:

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