标签:js 图片上传兼容性问题(获取图片宽高兼容) image()
原代码(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数据的,道理是一样的。
标签:js 图片上传兼容性问题(获取图片宽高兼容) image()
原文地址:http://ycgit.blog.51cto.com/8590215/1707144