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

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

作者: 菜鸟_js | 来源:发表于2017-09-12 00:47 被阅读0次

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

    QQ图片20170912004411.png

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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/soyqsxtx.html