微信小程序图片预加载组件wxapp-img-loader

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

使用

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

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

导入src='././img-loader/img-loader . wxml '/template is=' img-loader ' data=' { { imgeloadlist } } '/template 3。在页面的JS文件中引入组件脚本。

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

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

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

运行效果：