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