이미지 캐시 적용되지 않게 하기 > script

해당 웹페이지를 새로고침 하지 않고 버튼 클릭만으로 해당 이미지를 새로 로딩하는 방법입니다.

기본적으로 익스플로러는 도구메뉴->일반탭->임시 인터넷 파일->설정이 "자동으로"로 설정되어 있으면 한번 불러온 이미지는 같은 파일명으로 다시 셋팅할 경우 임시 인터넷 폴더에서 가져옵니다. 때문에 이미지내용은 변경되었으나 파일명이 같으면 변경되기 이전의 이미지를 가져와 보여주게 됩니다.

이를 해결하기 위해서는 이미지 경로뒤에 항상 변하는 값을 갖는 파라미터를 추가해주세요.

아래 코드 같은 경우에는 현재시간을 사용했습니다.

<script language="JavaScript">
<!--
  function ReloadImg()
  {
    document.all["imgGraph"].src = "abcImage.gif?date="+ new Date().getTime();
  }
//-->
</script>

<img id="imgGraph" src="abcImage.gif" width="600" height="250">

<input type="button" value="이미지 새로고침" onclick="ReloadImg();">


사용예제 : 프로젝트에서 실시간으로 변동되는 그래프 이미지를 클라이언트에게 보여주기위해