首页 > 代码库 > Ionic2 UI组件之 ImageLoader
Ionic2 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>
Ionic2 UI组件之 ImageLoader
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。