ionic-file-cache

Ionic File Cache, is for all kind of files (images, videos, docs, etc) to cache it into the device's local cache directory.

Installation

$3

For Ionic v3, Click here

``bash
npm install ionic-file-cache --save
`

$3

This module requires ionic native plugins and latest ionic webview, Please install the following plugins
+ File
+ File Transfer




Usage

app.module.ts

`ts
import { FileCacheProvider } from "ionic-file-cache";
import { File } from '@ionic-native/file/ngx';
import { FileTransfer } from '@ionic-native/file-transfer/ngx';

@NgModule({
.
.
.
providers: [
File,
FileTransfer,
FileCacheProvider
]
})
export class AppModule { }
`

MediaComponent.ts
`ts
import { FileCacheProvider } from 'ionic-file-cache';

@Injectable()
export class MediaComponent {

public imageUrl: string = "assets/imgs/loading.gif";

constructor(private fileCachePvdr:FileCacheProvider){
this.fileCachePvdr.setEnableCache(true);
this.fileCachePvdr.setDefaultTTL(60 60 1000);

// Cache a live url
this.getCachedFile('image url')
}

async getCachedFile(url: string) {
this.imageUrl = await this.fileCachePvdr.cachedFile(url);
}
}
`

MediaComponent.html
`html



``