ImageLoader：通過(guò)后臺(tái)線(xiàn)程加載圖片（異步）并緩存。類(lèi)似于Glide或者Picasso。

組件特性：

• 后臺(tái)線(xiàn)程下載圖片，下載速度更快，不使用webview的資源；
• 緩存圖像。圖像將在您下次顯示時(shí)立即顯示，因?yàn)樗鼈円驯４嬖诒镜卮鎯?chǔ)區(qū)，而不是每次都去服務(wù)器請(qǐng)求；
• 可顯示加載進(jìn)度條，也可關(guān)閉；
• 可設(shè)置最大緩存大小并自動(dòng)刪除舊圖像；
• 服務(wù)器圖像不存在時(shí)允許設(shè)置一個(gè)默認(rèn)圖像；

參考地址：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>

?

第一次加載需要網(wǎng)絡(luò)，加載成功后圖片被緩存，斷網(wǎng)后仍然可以加載圖片。

轉(zhuǎn)載于:https://www.cnblogs.com/tomkart/p/6936958.html

總結(jié)

以上是生活随笔為你收集整理的Ionic3 UI组件之 ImageLoader的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。