javascript - 打破浏览器中的图像缓存

标签 javascript jquery browser-cache

没有代码,因为这主要是概念性的:

所以我有一个这样命名的图像文件夹:

1.jpg 2.jpg 3.jpg 4.jpg

这些图像填​​充了一个图库,正如您可能认为的那样,图库中的顺序是由它们的名称决定的。因此,在我的 php thingamabob 中,我允许客户端重新排序图像。所以,假设我们的图像描绘了这些东西:

1.jpg - “狗” 2.jpg - “猫” 3.jpg - “鸡” 4.jpg - “后现代主义”

我的客户决定首先展示“后现代主义”,所以我的 php thingamabob 将 4.jpg 重命名为 1.jpg,同时将其他 1 2 和 3 分别移动到 2 3 4,如下所示:

1.jpg - “后现代主义” 2.jpg - “狗” 3.jpg - “猫” 4.jpg - “鸡”

太好了,所以当我在服务器的实际文件夹中查看每个图像时,一切看起来都很好。 1.jpg 作为“后现代主义”的形象而存在,其余的也纷纷效仿。但在我们的浏览器上不是这样,它显示旧的顺序。果然第一个图像链接是“1.jpg”,但我们的“后现代”图像似乎违背了它作为文件的形而上学现实,浏览器显示的是一只狗。我想这是浏览器缓存图像而不需要重新加载它们?这可以用一个简单的客户端脚本来打破吗?

最佳答案

在末尾附加随机字符串或时间或图像 url -

/images/1.jpg?anythinrandonghhere

如果缓存是特定于用户或其他东西的,那么

/images/1.jpg?用户名

关于javascript - 打破浏览器中的图像缓存,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8411244/

相关文章:

javascript - 如何从 JSON 中提取值

browser-cache - 从浏览器缓存中删除单个文件

ruby-on-rails - 利用 Nginx 的浏览器缓存问题

JavaScript 对象作为计数器不递增

javascript - 无法查看列表的最后一项

JavaScript 函数未定义

javascript - 使用 JS 复制带有 script/style 标签的 div

javascript - 我可以在 JavaScript 中禁用输出转义吗?

javascript - jquery 将元素移动到随机顺序

spring-boot - 在 Spring Boot 中设置响应头