的jQuery - 設置IMG SRC已經通過瀏覽器加載圖像 - 在Safari

Question

引起的圖像重裝

我用這段JavaScript代碼來設置圖像的src到現有圖像的圖像源：

var src = $('#thumbnailImg' + pageNum).attr('src'); 
$('#mainAppImageImg').attr('src', src); 

在Firefox和IE可以按照預期工作 - 圖像使用現有圖像，不會再從服務器請求圖像。

在Safari中，它導致圖像從服務器重新加載。我認爲這是因爲我在服務器返回的圖像頭部中做了錯誤的事情，但這不是我知道的很多主題。

您可以在此處看到此操作：http://www.las.si/tryitout.php。

Answer 1

正如開發說：

默認情況下，圖像將被重新加載

你應該使用你的圖片文件夾中的.htaccess文件強制服務器高速緩存圖像：

Header unset Pragma 
Header set Cache-Control "public, max-age=10000, must-revalidate" 

這樣，safari和chrome將重用您的瀏覽器緩存。

您也可以使用canvas元素搜索在base64，服務器端或客戶端編碼圖像。