如何緩存通過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請求的圖片？

回答

相關問題