防止图像缓存在浏览器中

发布于 2024-11-25 16:08:04 字数 134 浏览 0 评论 0原文

我有一个“浏览图片”功能,其中有缩略图,当用户单击它时它会展开。

现在,这两个图像都存储在不同大小的单独虚拟目录中,较大的是 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

三岁铭 2024-12-02 16:08:04

您可以将随机 URL 参数添加到图像的 href 中,以便呈现的 HTML 看起来像

<img src="http://static.example.com/some/large/image.jpg?234234652346"/>

而不是

<img src="http://static.example.com/some/large/image.jpg"/>

You can add a random URL parameter to the image's href, so that the HTML rendered looks like

<img src="http://static.example.com/some/large/image.jpg?234234652346"/>

instead of

<img src="http://static.example.com/some/large/image.jpg"/>
梦太阳 2024-12-02 16:08:04

听起来您不想阻止它们被缓存,但您想为它们提供不同的 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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文