使用javascript预加载图像

Question

这是我的预装脚本：

<script type="text/javascript"> 
Image_1 = new Image(1,1);
Image_1.src = "images/sprites.png";
</script>

它工作正常。我可以在标题中看到图像加载。

这是我的问题。即使我已预先加载sprites.png，我注意到当我访问我网站上的一个页面时，只显示整个图像，标题告诉我我的浏览器正在请求服务器再次发送图像。

我希望听起来不太天真。但是，为什么浏览器会在我之前预装它时请求图像？是否有其他原因导致浏览器需要重新请求？

另外，我将尺寸设为Image（1,1）。有时我不知道尺寸，因为图像会不时更新。也许这是一个原因？

Answer 1

您需要从服务器发送带有图像的Expires标头，以便在浏览器中启用缓存。

e.g。在Apache（在.htaccess中）

启用过期：

ExpiresActive On

按日期：

ExpiresDefault "access plus 30 days"

或通过filetype：

ExpiresByType image/gif "modification plus 5 hours 3 minutes"