Chrome 문제 : Chrome에서 이미지를 가져 오거나 그릴 수 없습니다.

Question

html로 미리보기 이미지 갤러리를 만들고 있습니다. 썸네일 이미지를 얻기 위해 나는이 잘 작동이

for(var i = 0; i<n; i++) { 
    var thumbnails = $("<img/>").attr("src", "getPageImage.htm?page=" + temp[i]); 
    $(body).append(thumbnails); 
} 

그런 짓을.

var nextImage; 
$(thumbnails).click(function() { 
    var src = $(this).attr("src"); 
    nextImage = new Image(); 
    nextImage.src = src; 
}); 

는 지금은

ctx.drawImage(nextImage, 0, 0, 100, 130); 이 모든 코드가 함께 HTML 캔버스에 nextImage 객체 그리기 오전 : 지금은 다음과 유사한 이러한 작은 이미지에 클릭 이벤트에서 작동하는 기능을 가지고 모질라 파이어 폭스와 함께 작업하지만 Google 크롬은 사용하지 않습니다. 크롬이 nextImage 객체의 src 속성에 대한 요청을 서버에 다시 보내지 않는 것 같습니다. 다른 해결책이 있습니까?

Answer 1

사용하지 않는 GET 매개 변수를 그림의 URL에 추가해보십시오 (매번 다를 수 있음). 브라우저를 강제로 이미지를 다시로드하려면 종종이 트릭을 사용합니다.

var src = $(this).attr('src') + '?' + (new Date()).getTime(); 

.. 또는 ...

var src = $(this).attr('src') + '?' + Math.random();