[IONIC3] 캐시된 이미지를 삭제하는 방법

서버에서 이미 불러온 이력이 있는 이미지 주소의 경우, 서버 쪽에서 이미지를 변경했을 때 변경한 이미지가 바로 반영되지 않는 문제가 있습니다.

*같은 이름(A.jpg)으로 이미지를 교체하는 경우

 

해결 방법

서버측에서 이미지를 전송할 때, 혹은 아이오닉 내에서 이미지 뒤에 랜덤값을 넣어주면 됩니다.

src="이미지주소?{랜덤값}"

 

왜 이게 해결방법일까?

앱 설치 후 서버에서 new.jpg?0 를 최초 호출했을 때 앱에 캐시됩니다.

new.jpg?0으로 앱에 캐시되고 앱이 new.jpg?0을 필요로 할 때마다 화면에 보여주기 위하여 캐시에서 가져갑니다.

사용자가 new.jpg?1로 호출을 하면 캐시에는 new.jpg?1이 없기 때문에 앱이 다시 새로 가져와 캐시합니다. 

이러한 이유로 이미지이름 뒤에 변수를 넣는 것으로 캐시된 이미지를 변경할 수 있습니다. 

 

참고사이트

https://stackoverflow.com/questions/36685407/delete-cached-images-from-mobile-app-ionic-angularjs