I have added an attribute directive for Ionic 2 applications to cache images for offline use. Tested on Android and verified working great. https://gist.github.com/ozexpert/d95677e1fe044e6173ef59840c9c484e ionic2.image-cache.directive.ts import { Directive, ElementRef, Input } from '@angul…

I have a different approach, I am using a sqlite database in order to save the images in base64string. Please, check my tutorial: https://playcode.org/how-to-cache-images-in-ionic-2-rc0/

This should probably be done with Service workers Service Workers: an Introduction | Web Fundamentals | Google... Rich offline experiences, periodic background syncs, push notifications—functionality that would normally require a native application—are coming to the…

Totally agreed. This should be done using service worker~!

Yeah, probably you both are right, but how to do it for offline use? I’ve tried some solutions and its not working that way and I don’t know why it’s slower than my solution… [image] jlsuarezs/ng2-lazyload-image ng2-lazyload-image - Lazy image loader for Angular 2 …

OK- service workers seem the way to go. I see 2 final include sw-toolbox. So could anyone help me out with an example? I am downloading Firebase Storage images and I’d like to cache them? How can I do this? And what about iOS? I’d be really grateful for any help Shane

Hi guys, Please do share if there is any examples/tutorials to explain how to use service workers to cache image/data for offline use. Really appreciate it!

I’m using this too, now and it’s very smooth, easy to implement and does it’s job Thanks Shane

In this library in step three it has defined that “Then add IonicImageLoader in your child/shared module(s)” import { IonicImageLoader } from 'ionic-image-loader'; @NgModule({ ... imports: [ IonicImageLoader ] }) export class SharedModule {} What are child/shared modules. In my projec…

[image] ShehramTahir: In my project I have only one module which is in app.module.ts file. Then you should be good to go. I expect what it means by “child/shared modules” refers to lazy loading.

Cache Image for Offline Use

Ionic Framework ionic-v3

rapropos April 1, 2017, 11:46pm 11

ionic-image-loader.

How can I cache the image in ionic3

Topic		Replies	Views
Lazy load images + Cache images ionic-v3	4	4069	April 1, 2017
How can I cache the image in ionic3 ionic-v3	8	6730	May 7, 2018
Using Imagecache in Ionic ionic-v1	38	21959	April 7, 2016
Ionic app: caching images ionic-v1	19	13877	September 6, 2017
New Component For Automatic Offline Image Caching demo	21	12381	September 28, 2018

Cache Image for Offline Use

Related topics