关于JS获取图图片长宽的问题，在Chrome下总是为0

2025-03-07 06:38:28

推荐回答（5个）

回答1：

假如在页面有一个img标签：

编写代码：

var img = document.getElementById("test_img");
alert(img.offsetWidth+","+img.offsetHeight);

打印出来就是图片的宽度和高度。你可以试一下，Chrome绝对可以。

回答2：

chrome opera 的确都是显示0。。。。你只有把代码放在window.onload 回调函数里浏览器彻底加载完毕dom树 js文件图片。。这时候变量就可以显示出来。。临时嵌入在document里的script 图片长宽变量死活都是0。。。。。因为工程上基本上大家的代码都在$(fn) 里。。所以不会遇到你这情况。。

回答3：

楼主，我照着你的思路在两个浏览器里测试了下，如果src指向的图片不存在，那么ie的表现是一个小红叉，这个小红叉会有28x30的像素，而Chrome则会直接显示0，这个是两个浏览器的处理方式有差异；图片存在的时候两个浏览器的结果是一致的，都能够正确地显示出图片的长宽的。不知道楼主能否确认自己的图片路径是否准确呢

回答4：

我这可以啊，不是chrome浏览器的问题吧
var img = new Image();
img.src = "http://www.baidu.com/search/zhidao/task/uc/small_53.jpg";
alert(img.width);
alert(img.height);
通过测试。
如果你最上面代码是粘过来的，可能是第二行img.src后面少了一个分号

回答5：

同问啊，刚好也是用html5来画，结果chrome里显示宽高都是0