微信小程序实现图片或gif预加载

微信官方原文链接

链接: 官方解释.

最后实现代码

wx.getImageInfo({src: 'gif动画地址',success (res) {console.log(res)}})

但是你用过之后会发现一个问题，就是如果第一次gif动画执行完之后会自动开始第二遍

第二次开始执行的时候会从第一次中断的地方开始继续执行动画

解决方法：动态控制image的src属性

需要加载的时候用style动态更改

{{用来控制开启动画的属性?'background: url(gif动画地址);background-size: 100% 100%;':'background: url()'}}

事已至此，大功告成，进入页面自动加载