码迷,mamicode.com
首页 > Web开发 > 详细

JS 图片上传兼容性问题(获取图片宽高兼容)

时间:2015-10-28 12:48:29      阅读:182      评论:0      收藏:0      [点我收藏+]

标签: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 图片上传兼容性问题(获取图片宽高兼容)

标签:js 图片上传兼容性问题(获取图片宽高兼容)   image()   

原文地址:http://ycgit.blog.51cto.com/8590215/1707144

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!