防止Div背景图像的缓存?

时间:2014-07-28 20:47:15

标签: javascript css caching

我有以下代码用于显示用户头像缩略图:

<div id="custom_avatar" style="background-image: url('image.php?user={UserID}&amp;type=thumb');" alt="Avatar"></div>

这很遗憾地将图像保存在缓存中很长时间(几周)。

如果我在上面的网址末尾添加“&amp; querystring = test”,它会抓取最新的图片!问题是人们一直在改变他们的头像,所以我不能只是不断改变查询字符串。

有没有办法可以在图像上附加一个带有随机数(或当前时间戳)的查询字符串,所以它总是抓取一个新的副本?我们没有太多的流量,所以我不担心卸载。

我尝试添加此JavaScript,但它不起作用:

<script language="javascript" type="text/javascript">
    var d = new Date(); 
    document.getElementById("custom_avatar").style.backgroundImage="url('image.php?user={UserID}&amp;type=thumb&amp;unique=" + d.getTime() + "')";
</script>

0 个答案:

没有答案