html - 从服务器获取图像时缓存问题

Question

我正在构建一个使用各种 css-sprites 的网站。但我的问题是，当我对上传的图像进行任何更改时，有时它不会反射(reflect)在客户端浏览器上，因为有时页面及其数据(如 css、图像、javascript)是从浏览器缓存中加载的。

请建议我在这种情况下该怎么做。我应该把这些

<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='pragma' content='no-cache'>

在 HTML 页面中 ?

或者有什么办法可以解决这个问题？

Answer 1

当我在网页中处理动态图像时，我总是在 URL 末尾添加一个具有随机值的参数，以强制浏览器(尤其是 IE)从服务器检索新鲜图像。

image.jpg?v=<random num>-<random num>-<random num>-<random num>

您的图片 url 看起来像

src="image.jpg?v=1234-5678-91011"

我通过 Javascript 控制的随机数。当然，任何随机参数值约定都可以，这只是我的首选格式。希望这会有所帮助。