我正在使用 TimThumb,这是一个用于调整图像大小的 PHP 脚本。
它缓存图像,我的 Web 应用程序依赖于该缓存才能正常运行。
当图片没有缓存在服务器上时,它不能正常工作,我想知道是否有办法强制timthumb缓存图片,然后检索它,或者是否有办法使用JavaScript来确保首先缓存图像。
最佳答案
为确保浏览器将图像预加载到缓存中,您可以使用一些 native JavaScript 对象。
var imgPreload = new Image();
imgPreload.src = PATH_TO_IMAGE;
现在当你给出 <img>
标记 src
与 PATH_TO_IMAGE
相同的属性, 它已经被浏览器预加载了。
<img src="PATH_TO_IMAGE" width="100%" >
您还可以将一些图像加载到您的 HTML 中,然后简单地使用一些 css 技巧来隐藏它们 -
display:none
或
visibility:hidden
然后仅在它们完全加载时显示它们。你可以使用 .load()
功能。只需将其附加到 <img>
标签 -
$("#imageSelector").load(function(){
// image was fully loaded.
});
关于php - 使用脚本缓存图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11696991/