이미지(Image) 새로 고침(Refresh) 시키기

var src = '/img/test.jpg'; $('#img').attr('src', src);

위와 같이 자바스크립트로 이미지 경로를 변경할 경우가 있다.

하지만 브라우져 캐쉬 문제때문에 이렇게 한번 바뀐 이미지는 리프레쉬 하더라도 예전 이미지 그대로 불러와진다.

따라서 편법을 써야한다.

var time = new Date().getTime(); // 이미지 새로고침을 위한 랜덤 값 var src = '/img/test.jpg?time=' + time; $('#img').attr('src', src);

위와 같이 임의의 값이 뒤에 붙도록 파라메터로 넘겨주면 깔끔하게 항상 새로고침 된다!