Ionic3 UI组件之 ImageLoader

ImageLoader：通过后台线程加载图片（异步）并缓存。类似于Glide或者Picasso。

组件特性：

• 后台线程下载图片，下载速度更快，不使用webview的资源；
• 缓存图像。图像将在您下次显示时立即显示，因为它们已保存在本地存储区，而不是每次都去服务器请求；
• 可显示加载进度条，也可关闭；
• 可设置最大缓存大小并自动删除旧图像；
• 服务器图像不存在时允许设置一个默认图像；

参考地址：https://github.com/zyra/ionic-image-loader

==========================================================

1）安装包：npm install --save ionic-image-loader

2）安装包和插件：npm i --save @ionic-native/file

ionic cordova plugin add cordova-plugin-file

npm i --save @ionic-native/transfer

ionic cordova plugin add cordova-plugin-file-transfer

3）在app.module.ts文件中添加：import { IonicImageLoader } from 'ionic-image-loader';

添加：IonicImageLoader.forRoot()；

4）Then add IonicImageLoader in your child/shared module(s)？？？

5）使用组件：<img-loader src="https://path.to/my/image.jpg"></img-loader>

<img-loader src="https://path.to/my/image.jpg" useImg></img-loader>

 

第一次加载需要网络，加载成功后图片被缓存，断网后仍然可以加载图片。