在 FTP 中替换图像后防止从缓存中加载图像答案

【问题标题】：Prevent images loading from cache after replacing image in FTP在 FTP 中替换图像后防止从缓存中加载图像
【发布时间】：2014-10-09 18:36:18
【问题描述】：

我为使用 Adobe Muse 的客户设计了几个网站。他们有定期变化的特价商品，当它们发生变化时，我将它们作为图片上传。在我用新图像（通过 FTP）替换图像后，站点会显示旧图像，直到我刷新。这是这些客户的常见抱怨，因为他们认为根本没有更换任何东西。

有没有办法让浏览器自动显示新图像而不加载缓存副本？我可以在 Muse 中完成这项工作，还是需要用 PHP/HTML 重新构建整个东西？

提前谢谢你。

编辑：已解决。查看答案。

【问题讨论】：

标签： image caching adobe refresh muse

【解决方案1】：

浏览器通过 url 缓存请求。您可能可以将更新时间戳作为参数附加到 URL 上。那么当更新时间改变时，url会不同，浏览器应该拉取更新的图像。

【讨论】：

这可能可行，但我希望在 Adobe Muse 中找到一些功能。
我用你的答案想出了一个解决方案。见下文。谢谢！
我对 Adobe Muse 一无所知，因此我无法提供任何其他建议。不过，我很高兴您找到了解决方案。

【解决方案2】：

我从@ChrisThompson 的回答中想到了一些东西。使用 JavaScript，我创建了一个日期变量，然后使用 getElementById 更改了图像的 src。我将此代码手动放入从 Muse 导出的 HTML 文档中。不是最优雅的解决方案，但在我必须更改该特定页面的设计之前，它不应该成为问题。

在head标签中：

<script type="text/javascript">
    var d = new Date();
    var pageTime = d.getTime();
</script>

就在原始 img 元素的下方：

<script type="text/javascript">
    document.getElementById("u696").href = "images/coupons.png?" + pageTime;
    document.getElementById("u696_img").src = "images/coupons.jpg?" + pageTime;
</script>

（有一个 href 和一个 src 因为页面上的图像链接到一个更大的版本，所以都需要这种处理。u696 是 Muse 给这些特定元素的 id。）

【讨论】：