2012-02-29 2 views
2

외부 프로그램에서 자바 스크립트로 이미지를 편집 할 때 웹 서버에서 업데이트되지 않는 문제가 있습니다.이미지 변경시 자바 스크립트로 이미지로드가 업데이트되지 않습니다.

나는이 그것을 아무튼 그러나 이미지가

폴더에서 .png를 H2 +의 텍스트와 이미지를로드

$('div.drawer h2').each(function(index) 
{ 
    $(this).css("background-image", "url(./images/" + $(this).text() + ".png)") 
}); 

H2 태그의 배경으로 이미지를로드하기 위해이 코드를 사용하고 캐시에서 이미지를 다시로드하지 마십시오. 소스 이미지를 편집하면 웹 페이지에서 변경되지 않습니다.

CSS에서 이미지를로드하면 (배경 이미지 변수 사용) 잘로드되고 업데이트됩니다.

어떻게이 문제를 해결할 수 있습니까? 기대 되는가?

답변

2

이미지가 웹 브라우저에서 캐시 된 것일 수 있으므로 ctrl + F5를 눌러 다시로드하십시오.

또는 브라우저에서 전체 캐시를 삭제하고 삭제하여 문제가 있는지 확인할 수 있습니다.

동적으로 이미지를 자바 스크립트로로드하는 경우 이미지 이름 뒤에? randomnumber를 추가 할 수 있습니다. http://yourserver/imageName.jpg?1234처럼

다음 URL을 브라우저의 캐시를 공격하지 않습니다 따라서 각 요청에 대해 고유해야합니다.

관련 문제