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

Question

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

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

1.jpg2.jpg3.jpg4.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”，但我们的“后现代”图像似乎违背了它作为文件的形而上学现实，浏览器显示的是一只狗。我想这是浏览器缓存图像而不需要重新加载它们？这可以用一个简单的客户端脚本来打破吗？

Answer 1

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

/images/1.jpg?anythinrandonghhere

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

/images/1.jpg?用户名