JS 图片上传兼容性问题（获取图片宽高兼容）-优快云博客

本文介绍了一种解决360安全浏览器极速模式下图片加载异常的方法。通过调整图片加载逻辑，使用onload事件确保图片尺寸正确获取，避免了因浏览器缓存导致的问题。

原代码（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数据的，道理是一样的。

本文转自艺晨光 51CTO博客，原文链接：http://blog.51cto.com/ycgit/1707144，如需转载请自行联系原作者