如何使用AJAX缓存请求的图像？

Question

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

编辑：

也许我不清楚。让我们说在图库中共有5张图片，用户已经看到了所有5张图片，但又希望再次看到它们 - 当浏览器再次使用缓存版本下载它们时。它可以在网络面板中轻松看到。图像正在加载两次。

这是我的代码：

$.ajax( {

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

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

    }

} );

Answer 1

将cache设置为false有效。但我没有想法为什么！