1

我正在使用 div 来保存用户的个人资料图片。要更新它，用户选择一个新图像，然后替换 div 中的旧图像。然后用户点击更新以上传新图片，但是当我从服务器获得响应并且加载具有相同 div 的同一页面时，它会用旧图像填充 div。我在调试器中跟踪了这一点。我在 div 更新图片之前停在行并在文件系统上检查它（正确的新图片在那里），然后我继续调试器并用旧图片填充 div。如果我在一两秒后刷新页面，就会出现新图像。

div 图片容器：

<div id="ProfilePictureBox"></div>

当页面加载更新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 ^
            }
        }
    });
}
4

1 回答 1

2

我想您需要在图像路径的 URL 中添加时间戳类型的变量，以便每次显示新结果而不是缓存或旧结果。

例如替换下面：

pic = '/FeatureServer/' + pic;

和

pic = '/FeatureServer/' + pic + "?time=" + (new Date());

每次生成图像时，上面都会添加一个新的日期/时间，并且每次路径都是唯一的。

希望这能解决您的问题。

于 2013-05-15T18:08:18.267 回答