强制图像重新加载保持URL

Question

通常刷新图像我只需使用src更改：

    var img = $(this).find('img');
    var src = img.attr('src');

    $.ajax({
        success: function(response) {
            img.attr('src', src+'?r='+Math.random()).load(function(){
                img.attr('src', src);
            });
        }
    });

保持我使用的上一个正常路径

img.attr('src', src);

但是我回到了我以前的形象。因此浏览器仍将此图像保留在缓存中。如何强制浏览器重新加载此图像并保留网址？

Answer 1

您可以将时间戳查询参数附加为缓存清单，以防止浏览器从其缓存中加载：

img.attr('src',src+'?t='+new Date().getTime());