如何在Javascript中缓存图像

Question

如何在Javascript中缓存图像我的朋友和我正在一个网站上工作，我们希望缓存某些图像，以便将来更快地显示它们。我有两个主要问题：你如何缓存图像？缓存后如何使用图像？（并且只是为了验证，如果图像在页面A上缓存，则可以从缓存中调用它以在页面B上使用它，对吧？）此外，有可能设置时，图像的缓存版本将到期？如果包括进一步描述这一点的页面的示例和/或链接，将会非常感激。我们可以使用原始Javascript或jQuery版本。

Answer 1

你不用javascript缓存图像，浏览器会这样做。所以这可能是你要求的，可能不是......但你可以使用javascript预加载图像。通过将您想要预加载的所有图像放入数组并将该数组中的所有图像放入隐藏的img元素中，您可以有效地预加载（或缓存）图像。

var images = [

'/path/to/image1.png',

'/path/to/image2.png'

];

$(images).each(function() {

var image = $('<img />').attr('src', this);

});