img标签内容定时更新，与服务器上的图片内容同步

最新推荐文章于 2021-12-28 17:25:24 发布

原创最新推荐文章于 2021-12-28 17:25:24 发布 · 979 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Ubuntu 同时被 2 个专栏收录

10 篇文章

订阅专栏

flask框架

5 篇文章

订阅专栏

本文介绍了一种利用随机数更新图片源的方式，避免浏览器缓存导致的图片不刷新问题。通过每隔2秒改变图片请求地址，确保图片实时更新。

    <img id="new_img" src="..." width="500px" style="text-align: center" alt="..."/>    

    <script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).ready(function () {
        setInterval(function() {
            document.getElementById('new_img').src='...?r='+Math.random();
        }, 2000);
    });
    </script>

使用随机数的原因是每次让网页请求不同的地址，防止直接调用浏览器缓存而导致图片不刷新。