blazy.min.js强制刷新无法加载图片解决方法

最佳经验

由作者撰写原创经验并推荐置顶

blazy是一个比较小巧，且兼容性很好的懒加载JS代码，不依赖JQ的原生JS代码，可惜的事已经很久不更新了，会有一些问题无法解决，其中强制刷新，会导致部分图片不进行异步加载，我来说一说怎么处理blazy,min,js图片不加载的问题？以下内容是由微蓝经验网用户发布blazy,min,js强制刷新无法加载图片解决方法，希望对于用户有一定帮助，为朋友进行解决疑惑，如若想了解更多相关内容，可以向底部移动了解更多与本教程文章相关解决经验方法！

步骤与方法

1/4
github地址：https://github.com/dinbror/blazy
官方网站：https://dinbror.dk/blazy/
最新版本：v1.8.2版本
2/4
使用方法如下图。
3/4
官方的dome其实src调用的base64的图片，浏览器处理很快，因此使用base64的一像素图片强制刷新，是不会出现图片不加载的，只有src是URL的情况下，才会出现图片不加载的问题，出现这一个的原因是代码中有一个判断，当图片高度大于0才会执行，当我们强制刷新，有网络延迟时候，浏览器执行速度比加载速度快，所以获取的图片高度为0，导致的图片不加载，有小伙伴说给图片增加alt是可以解决这个问题，但是治标不治本啊，不能保证所有页面img都有alt属性的。
4/4
修改很简单将 “ele.offsetWidth > 0 && ele.offsetHeight > 0”修改成“ele.offsetWidth >= 0 && ele.offsetHeight >= 0”就可以解决强制刷新图片不显示的问题了，如下图blazy.min.js 和 blazy.js的修改方法。