原代码（360安全浏览器的极速模式不兼容）
|
1
2
3
4
5
|
function ImgAuto(i, MaxW, MaxH) {
var o =
new
Image();
o.src = i.src;
var w = o.width;
//w等于null，别的浏览器未出现该问题
｝
|
图片需要重新再加载一遍
|
1
2
3
4
5
6
7
|
function ImgAuto(i, MaxW, MaxH) {
var o =
new
Image();
o.onload = function(){
var w = o.width;
｝
o.src = i.src;
｝
|
注：
把onload写到前面去，先告诉浏览器如何处理这张图片，再指定这张图片的源，这样是为了避免IE兼容性问题。
IE会缓存图片，第2次加载的图片，不是从服务器上传过来的，而是从缓冲区里加载的，不是IE没有触发onload事件，而是因为加载缓冲区的速度太快，以至于没有运行到img.onload的时候，onload事件已经触发了。这让我想到了Ajax，在写xmlhttp的时候，都是先指定onstatechange的回调函数，然后再send数据的，道理是一样的。
本文转自 艺晨光 51CTO博客，原文链接：http://blog.51cto.com/ycgit/1707144，如需转载请自行联系原作者
