原代码(360安全浏览器的极速模式不兼容)
function ImgAuto(i, MaxW, MaxH) {
var o = new Image();
o.src = i.src;
var w = o.width;//w等于null,别的浏览器未出现该问题
}
图片需要重新再加载一遍
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数据的,道理是一样的。
转载于:https://blog.51cto.com/ycgit/1707144