从Chrome上的url获取图像的高度
Get height of image from url on Chrome
我在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;
}
相关文章:
- 如果宽度是百分比,如何设置以px为单位的图像高度
- 根据图像高度添加类
- 尝试使用window.innerHeight和Javascript设置图像高度
- 图像高度只会从一大组图像中检索一次
- 为什么我的图像高度没有改变
- 使图像高度相同并定义共享的总宽度
- 在提交表单之前获取上传图像的图像高度和宽度
- Javascript:在 for 循环中编辑图像高度
- 如何使用 JQuery 获取真实的图像高度
- 根据原始图像高度使用 Photoshop 和 JavaScript 调整条件图像大小
- 基于移动方向的图像高度
- 我如何使用 Jquery 获取图像高度并将其除以 2
- 图像高度与图像宽度成比例,但图像宽度以父项的百分比为单位
- 使用 jQuery 调整图像高度
- 获取图像高度并将图像容器高度更改为自动
- 图像高度始终返回为0
- 获取不在内容中的图像高度
- 调整主图像高度的Nivo滑块
- 如何使用变量更改图像高度
- 获取图像高度属性并将其显示在CSS转换中