안드로이드 webview 웹뷰에서 이미지 수정시 업데이트가 안될때, 이미지 변경

웹뷰 (Webview) 에서 HTML 문서를 로드한 경우, HTML 문서내에 있는 이미지를 수정해서 업로드 했는데, 정작 웹뷰(webview) 에서는 변경된 이미지가 보이지 않고 기존 이미지가 여전히 보이는 경우가 있습니다.

이럴때 쉽게 해결할 수 있는 방법은 이미지 뒤에 랜덤숫자를 달아주는 겁니다.

예를 들어 왼쪽 이미지를 오른쪽 이미지로 변경하여 FTP 로 업로드 했을때

웹브라우저나 모바일에서 봤을 때는 변경된 이미지로 바뀌어 보이지만, 웹뷰에서는 기존 이미지가 그대로 보이는 경우가 있습니다.

이때는 아래와 같이 이미지 파일명 뒤에 임의의 값(랜덤값)을 붙여주면, 웹뷰가 새로운 데이터로 인식을 하기 때문에 이미지를 새로 불러오게 됩니다.

<img src="sample.jpg?reload=<?echo(rand(10000,50000));?>">

즉, reload 라는 임의의 변수를 설정하고 그 변수에 랜덤(random) 값을 세팅하는 것입니다.

위의 경우는 PHP코드를 이용하여 10000에서 50000 사이의 랜던값을 적용을 했습니다.

즉, 페이지가 로드될때마다 아래와 같이 매번 다른 숫자가 붙게되고, 이때문에 웹뷰는 이미지를 매번 새로 불러오게 됩니다 

sample.jpg?reload=13382

sample.jpg?reload=32323

sample.jpg?reload=23838