由于微信小程序不提供像Image这样的JS对象，实现图像预加载有点麻烦。wxapp-img-loader自定义组件可以在微信小程序中实现图像预加载功能。

使用

1.下载wxapp-img-loader项目(https://github.com/o2team/wxa.)的源代码，并将img-loader目录复制到您的项目中

2.将以下代码添加到页面的WXML文件中，以介绍组件模板

导入src=' http:/./img-loader/img-loader . wxml '/template is=' img-loader ' data=' { { imgloadlist } } '/template 3、将组件脚本引入页面的JS文件

Const ImgLoader=require('././img-loader/img-loader . js’)4。实例化一个imgloader对象并传入它(当前的Page对象)。第二个参数是可选的，这是图片加载后默认的回调方法。

这个。ImgLoader=新的ImgLoader(此)5。调用imgloader实例的load方法来加载图片。第一个参数是图片链接，第二个参数是可选的，是加载图片时的回调方法。加载图片后回调方法的第一个参数是错误信息(加载成功为空)，第二个参数是图片信息(对象类型，包括src、宽度和高度)。

这个。imgloader.load (imgur original，(err，data)={console.log('图片加载完成'，err，data.src，data.width，data.height)}) Wxapp-img-loader组件可以加载一张图片或多张图片。

运行效果：

其他的

wxapp-img-装载机项目地址：https://github.com/o2team/wxa.

摘要

以上是使用wxapp-img-loader自定义组件实现微信小程序图片预加载功能的介绍，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！