防止图像缓存在浏览器中
我有一个“浏览图片”功能,其中有缩略图,当用户单击它时它会展开。
现在,这两个图像都存储在不同大小的单独虚拟目录中,较大的是 200*200 px。
当我点击放大时,它仍然只显示较小的图像,而不是 200*200 的图像。
I have a feature of "Browse Pictures" where there are thumbnails and when a user clicks it expands.
Now, both these images are stored in separate virtual directories with different sizes, the larger being 200*200 px.
Still it only shows the smaller image when I click it to enlarge, instead of the 200*200 images.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
您可以将随机 URL 参数添加到图像的
href
中,以便呈现的 HTML 看起来像而不是
You can add a random URL parameter to the image's
href
, so that the HTML rendered looks likeinstead of
听起来您不想阻止它们被缓存,但您想为它们提供不同的 URL。
如果它们确实有不同的 URL,那么这不是缓存问题。
为了防止缓存,您可以在提供图像时使用
cache-control:no-cache
HTTP 响应标头。 (你使用 Apache 吗?)但是,如果你真的阻止缓存,你的数据传输将高于所需的水平,每次他们访问你的画廊时,他们都会获取你的图像。
It sounds like you don't want to prevent them from being cached as such, but you want to give them different URLs.
If they do have different URLs, then this is not a caching problem.
To prevent caching, you use a
cache-control:no-cache
HTTP response header when serving the images. (are you using Apache?)But if you really prevent caching, your data transfer will be higher than it needs to be, every time they visit your gallery, they will be fetching your images.