首页 > Web开发 > 详细

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

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

原代码(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 图片上传兼容性问题(获取图片宽高兼容)

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!