Как кешировать изображение с помощью Angularjs ionic?

Question

У меня есть домашняя страница, содержащаяся со списком из 2 изображений, которые я дал контроллеру и html code.every time home page images loading from backend Я хочу кэшировать изображение в локальном, чтобы каждый раз, когда HTTP-запрос и еженедельный раз или 10 дней Я хочу проверить с бэкэнд, если обратное изображение изменилось в то время, когда мне нужно обновить этот образ кэша. я последовал некоторый пример, но я не мог решить эту проблему, потому что я новичок в этой технологии некоторые один помочь мне двигаться вперед

.controller('TestCtrl', [ 
 
    '$scope', '$http', '$location', '$window', '$ionicLoading', 
 
    function($scope, $http, $location, $window, $ionicLoading) { 
 
\t   
 
     $scope.find = function() { 
 
\t  $http.get('****').success(function(data, status, headers, config, response) { 
 
       
 
       $scope.image1 = data[0].Images1; 
 
       $scope.image2 = data[1].Images2; 
 
       
 
      }) 
 
     } 
 
      
 
    } 
 
])

<ion-view title="Home" data-ng-controller="TestCtrl" data-ng-init="find()"> \t 
 
<ion-content> 
 

 
<div class="list card"> 
 
    <div class="item item-image"> 
 
    <img src="{{image1}}"> 
 
    </div> 
 
</div> 
 
<div class="list card"> 
 
    <div class="item item-image"> 
 
    <img src="{{image2}}" > 
 
    </div> 
 
</div> 
 
</ion-content> 
 
</ion-view > \t

консоли я получаю image1: http://res.cloudinary.com/dl34322/image/upload/q_58/v1437810617/store1.png IMAGE2: http://res.cloudinary.com/dl34322/image/upload/q_58/v1437810617/store2.png

Answer 1

Просто сохраните их в локальном хранилище, а затем, когда приложение загрузится, если в локальном хранилище нет изображений (с первого раза, когда приложение или оно было вытерто по какой-либо причине), извлеките изображения.

набор так:

localStorage.setItem("image1", $scope.image1); 

принести это так:

$scope.image1FromLocalStorage = localStorage.getItem("image1"); 

Затем через каждые 10 дней или все, что вы хотите, вы можете получить новые изображения с внутреннего интерфейса и сохранить их в локальном хранилище ,

Answer 2

Если вы не хотите, чтобы реализовать все остальное себя (как LRU или предельный размер кэша и т.д.), вы можете рассмотреть более полное решение Здесь 2 варианта:

1. Generic Ioinc Cache : https://github.com/Nodonisko/ionic-cache
2. Другой вид кэш-памяти, которая может быть более подходящий для изображений: https://github.com/BenBBear/ionic-cache-src

Смотреть это: ionic 2 caching images