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

Image 在FTP中替换图像后防止从缓存加载图像,image,caching,adobe,refresh,muse,Image,Caching,Adobe,Refresh,Muse,我使用Adobe Muse为客户设计了几个网站。他们有定期变化的特价商品,当它们发生变化时,我将它们作为图片上传。在我通过FTP将图像替换为新图像后,站点将显示旧图像,直到我刷新为止。这是这些客户常见的投诉,因为他们似乎根本没有更换任何东西 有没有办法让浏览器自动显示新图像而不加载缓存的副本?我可以在Muse中完成这项工作,还是需要用PHP/HTML重新构建整个过程 先谢谢你 编辑:已解决。请参阅答案。浏览器按url缓存请求。您可能会将更新时间戳作为参数附加到URL上。然后,当更新时间更改时,u

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

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

先谢谢你


编辑:已解决。请参阅答案。

浏览器按url缓存请求。您可能会将更新时间戳作为参数附加到URL上。然后,当更新时间更改时,url会有所不同,浏览器应该提取更新后的图像。

我从@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。

这可能会起作用,但我希望在Adobe Muse中找到一些相关功能。我用您的答案找到了解决方案。见下文。谢谢我对AdobeMuse一无所知,所以我不能提供任何其他建议。我很高兴你找到了解决办法。