强制图像重新加载保留 ​​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);

但我恢复了我以前的图像。所以浏览器仍然将此图像保存在缓存中。如何强制浏览器重新加载此图像保留 url？

Answer 1

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

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