如何防止HTML中的浏览器图像缓存

正在寻找有关HTML问题的帮助，我在所有浏览器上都遇到了图像缓存问题

情景：

我目前正在使用HTML代码在SharePoint Online上构建自定义页面。HTML代码嵌入到内容编辑器Web部件中。我们目前有一个图像链接，指向一个名为“article photo.jpg”的文件，我的营销部门将使用相同的文件名不断更新该文件

现在，当我使用不同的图像但使用相同的文件名覆盖存储在SharePoint网站资产库中的文件时，我关闭Internet Explorer并返回SharePoint网站，但旧图像仍会出现。直到我按下刷新按钮，屏幕上才会出现新图像。在Google Chrome中，当我按F5刷新时，图像根本不会更新。我必须使用Shift+F5执行完全刷新，然后图像更新

我目前没有在HTML代码的标题中使用任何元标记。我使用的imgsrc是指向站点资源库中的映像的绝对路径。HTML文件只包含CSS来标记页面，但我想看看是否可以在文件头中添加任何内容，防止图像在所有浏览器上缓存

谢谢你的帮助，

---

Dave

在前面的评论上展开，添加带有时间戳的图像，如下所示：

<div id="bck-img"></div>
    <script type="text/javascript">
            var container = document.getElementById("bck-img");
            var image = document.createElement("img");
            image.setAttribute("src", _spPageContextInfo.webAbsoluteUrl+"/SiteAssets/article-photo.jpg?rev="+new Date().getTime());
            container.appendChild(image);
    </script>

var container=document.getElementById（“bck img”）；
var image=document.createElement（“img”）；
image.setAttribute（“src”，_spPageContextInfo.webAbsoluteUrl+”/SiteAssets/article photo.jpg？rev=“+new Date（）.getTime（））；
container.appendChild（图像）；

\u spPageContextInfo.webAbsoluteUrl

是当前sharepoint网站的URL，

---

而

？rev=“+new Date（）.getTime（）；

会在文件名后附加时间戳，确保每次加载页面时都会从服务器加载该文件。

展开前面的注释，添加带有时间戳的图像，如下所示：

<div id="bck-img"></div>
    <script type="text/javascript">
            var container = document.getElementById("bck-img");
            var image = document.createElement("img");
            image.setAttribute("src", _spPageContextInfo.webAbsoluteUrl+"/SiteAssets/article-photo.jpg?rev="+new Date().getTime());
            container.appendChild(image);
    </script>

var container=document.getElementById（“bck img”）；
var image=document.createElement（“img”）；
image.setAttribute（“src”，_spPageContextInfo.webAbsoluteUrl+”/SiteAssets/article photo.jpg？rev=“+new Date（）.getTime（））；
container.appendChild（图像）；

\u spPageContextInfo.webAbsoluteUrl

是当前sharepoint网站的URL，

---

鉴于

？rev=“+new Date（）.getTime（）将时间戳附加到文件名，确保每次加载页面时都从服务器加载该文件。
可以通过将当前时间戳作为参数注入图像URL地址来实现这一点。浏览器每次都会将其视为一个新的请求。@vitaly-t我如何使用html完成此操作？您可以直接访问JavaScript，也可以通过框架动态生成图像标记，因此您可以使用它将类似于
？ts=myTimeStamp
的内容附加到图像的URL。vitaly，感谢您的回复。我确实可以访问Javascript，但我不熟悉时间戳部分的配置。下面是我代码的HTML部分
您可以通过将当前时间戳作为参数注入图像URL地址来实现这一点。浏览器每次都会将其视为一个新的请求。@vitaly-t我如何使用html完成此操作？您可以直接访问JavaScript，也可以通过框架动态生成图像标记，因此您可以使用它将类似于
？ts=myTimeStamp
的内容附加到图像的URL。vitaly，感谢您的回复。我确实可以访问Javascript，但我不熟悉时间戳部分的配置。下面是我代码的HTML部分