如何缓存通过AJAX请求的图片？

我正在为正在创建的项目创建一个简单的照片查看器。当用户查看图像时，它将通过AJAX请求并注入DOM。这工作正常，但我努力让cache标志正常工作。每当图像发生变化时，都会再次被要求。我如何强制浏览器缓存图像？理想情况下不使用本地存储或服务器端解决方案。如何缓存通过AJAX请求的图片？

编辑：

也许我不清楚。假设图库中共有5幅图像，并且用户已经看到全部5幅图像，但又想看到它们 - 这是浏览器再次使用缓存版本下载它们的时间。它可以很容易地在网络面板中看到。图像被加载两次。

这里是我的代码：

$.ajax({ 

    url: imgUrl, 
    type: 'GET', 
    cache: true, 
    success: function() { 

     $slide.prepend('<img src="' + imgUrl + '" />'); 

    } 

});

来源

2015-04-03 goodpixels

那么如果图像已经改变，那么它*有*再次被下载...？缓存仅适用于*未更改的文件。 – 2015-04-03 11:16:51

也许我不清楚。假设图库中共有5幅图像，并且用户已经看到全部5幅图像，但又想看到它们 - 这是浏览器再次使用缓存版本下载它们的时间。它可以很容易地在网络面板中看到。图像被加载两次。 – goodpixels 2015-04-03 11:19:56

你可以使用cookie – 2015-04-03 11:20:57

设置cache到false工作。但我没有想法为什么！

来源

2015-04-03 11:42:39 goodpixels

如何缓存通过AJAX请求的图片？

回答

相关问题