저는 div를 사용하여 사용자의 프로필 사진을 보유하고 있습니다. 업데이트하려면 사용자가 새 이미지를 선택하고 div의 이전 이미지를 바꿉니다. 그런 다음 사용자가 새 그림을 업로드하기 위해 업데이트를 누르지 만 서버에서 응답을 받고 동일한 div가있는 동일한 페이지가로드되면 div가 이전 이미지로 채워집니다. 나는 이것을 디버거에서 추적했다. div로 업데이트하기 전에 그림에서 멈추고 파일 시스템에서 확인한 다음 (올바른 새 그림이 있음) 디버거를 진행하고 div로 채운다. 2 ~ 2 초 후에 페이지를 새로 고침하면 새 이미지가 나타납니다.div의 이미지 새로 고침
DIV 사진 용기 :
<div id="ProfilePictureBox"></div>
페이지가로드
function preloadForm() {
var url = '/FeatureServer/Authentication?action=getMyDetails&userName=' + userName;
var req = $jQuery.ajax({
url: url,
type: 'GET',
success: function (data, response, xhr) {
var pic = data['ProfilePicture'];
if (pic.length > 0) {
pic = '/FeatureServer/' + pic;
// pausing here and checking `pic` in the browser confirms its the correct image
$jQuery("#ProfilePictureBox").css("background-image", 'url(' + pic + ')');
// old image is loaded^
}
}
});
}
이미지 URL에 시드를 추가하여 캐시 된 결과가 표시되지 않도록 시도 할 수 있습니다. –
@ ajax81 씨앗을 추가하면 무엇을 의미합니까? – Chris
URL 끝에 타임 스탬프를 추가하면 캐시와 "다른"타임 스탬프가 생성됩니다. – Jasen