jquery - jquery - 将 img src 设置为浏览器已加载的图像 - 导致在 Safari 中重新加载图像

Question

我正在使用此 javascript 代码将图像 src 设置为现有图像的图像 src：

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

在 Firefox 和 IE 中，这按预期工作 - 图像使用现有图像并且不会再次从服务器请求图像。

在 Safari 中，它会导致从服务器重新加载图像。我认为这是因为我对服务器返回的图像标题做错了，但这不是我很了解的主题。

您可以在这里看到这一点：http ://www.las.si/tryitout.php 。

Answer 1

正如 Dev 所说：

默认情况下，图像将被重新加载

您应该强制服务器使用图像文件夹中的 .htaccess 文件缓存图像：

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

这样，safari 和 chrome 将重用您的浏览器缓存。

您也可以使用 canvas 元素在 base64、服务器端或客户端搜索对您的图像进行编码。