在每次打开网页自动刷新同一个链接的图片

赵健章

已于 2022-10-29 12:52:39 修改

阅读量832

点赞数

文章标签： html

于 2022-10-29 12:47:31 首次发布

本文链接：https://blog.csdn.net/weixin_52452288/article/details/127585671

版权

最近在弄了一个计划进度表，是个PNG图片，定期由终端工具生成，上传到云端固定的路径下。于是，需要做一个计划进度沟通的网页，便于项目成员容易打开，查看里面有不同项目不同的计划表（静态图片链接）。

由于浏览器缓存的原因，静态图片不会自动刷新，于是动手写了个「段子」让图片每次刷新了，仅供参考：

以下是HTML代码

<!DOCTYPE html>
<html>
    <meta http-equiv="refresh" content="300">
    <body>

        <img id="image" src="http://-->改为图片链接" width=100%>

    <script>
        var tempLink=document.getElementById("image").src;
        document.getElementById("image").src = tempLink + "?t=" + Math.random();
    </script>

    </body>
</html>

这里需要注意的是：如果有多张图片，需要区分img id，分别以不同名称即可，如image0，image1……