js判断图片是否存在于缓存中(兼容ie各版本及Firefox)

onload是图片加载完成执行的事件,complete属性是图片显示出来以后为true。

QQ图片20170912004411.png

img.naturalWidth获取图片原始尺寸,当图片未加载(未缓存、或加载失败)时该值为0,当然如果有缓存的话,返回的就是图片的原始尺寸。所以 img.complete||img.naturalWidth 在js onload事件之前,如果图片已经显示或获取的尺寸大于零,表示图片onload之前已经加载完成。naturalWidth只有高版本浏览器支持(safari,firefox,chrome,与opera10+),低版本的话,直接用 img.width

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,888评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,321评论 4 61
  • 2017年的端午节过后的第一天,我看着平静的躺在桌上的手机,最近一直平静的躺着,不管是不是节日。然而节日过完,阿毒...
    李阿冰阅读 2,958评论 0 1
  • 一只手拿手机,一只手拿串串,然后我用胳膊肘翻了手机页面。
    L林十一阅读 1,677评论 0 0
  • 我还朝那日,正逢裴澈娶妻。彼时微雨初晴,水风漫卷,排排喜鹊在枝头唱个不停,当真是个好日子。 主干道早早堵的寸步难行...
    顾知涯阅读 3,153评论 0 3