小程序加载器的实现：按需预加载远程图片资源

发布日期： 2018-09-04 阅读量： 作者： 网络

本篇文章给大家带来的内容是关于小程序加载器的实现：按需预加载远程图片资源，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

最近做h5开发遇到个问题，为了防止页面打开时，出现大图加载缓慢的情况，写了一个图片资源管理器，今天顺便实现了一下小程序版。

特别说明一下，小程序由于资源包大小限制，很多图片资源会存放到CND图片服务器上，为了实现小程序初始化时按需加载远程图片资源，实现了以下加载器，希望能解决部分小程序新人开发者预加载图片的苦恼。

特别强调：

本加载器为初级版本，暂未研究其他实现方式，当前实现方式需要在微信公众平台->设置->downloadFile合法域名，中添加想要加载的图片所在服务器合法域名。

原理介绍：

使用小程序自带API读取远程图片资源：

wx.getImageInfo({
 src: 'images/a.jpg',
 success: function (res) {
 console.log(res.width)
 console.log(res.height)
 }
})

随便看看