jquery在Chrome下获取图片的长宽问题解决

169 阅读 0 评论 112 点赞

我是靠谱客的博主标致大地，最近开发中收集的这篇文章主要介绍jquery在Chrome下获取图片的长宽问题解决，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

遇到个需要获得图片的长宽的问题。在IE、FireFox下均正常，就TMD在Chrome中不行，网上非有人说可以，然后还归结为是不是Chrome版本问题。
终于的终于，找到了答案。

在大多数情况下,把js代码放到图片标签的后面：

复制代码代码如下:

 
<img id="test" src="**.jpg" /> 
<script> 
alert(document.getElementById("test").width;<PRE class=html name="code"></script></PRE> 
<PRE></PRE> 
这样是可以得到图片的宽度的，但是在Chrome下就是不行。 
<P></P> 
<P>甚至在jquery中：</P> 
<P></P> 
<PRE class=html name="code">$(document).ready(function(){ 
alert(document.getElementById("test").width; 
});</PRE><BR> 
这样，Chrome照样说不行，我C。 
<P></P> 
<P>然后，只有下面的方法Chrome才点头:</P> 
<P style="TEXT-ALIGN: left"><SPAN style="LINE-HEIGHT: 21px"></SPAN></P> 
<PRE class=html name="code">$(window).load(function(){ 
alert($("#test").width()); 
});</PRE><BR> 
<BR> 
<P></P> 
<P><BR> 
<BR> 
</P> 
<P><BR> 
</P> 
<PRE></PRE> 
<PRE></PRE> 
<PRE></PRE> 