源更改时刷新图像[重复]

Posted 2023-02-22

【中文标题】源更改时刷新图像[重复]

【英文标题】：refresh image when source changed [duplicate]

【发布时间】：2018-01-24 17:36:00

【问题描述】：

我有一个包含图片的html页面，图片来源是本地的，

<img src="c:\bla\bla.png" />

所以，“bla.png”文件被改变了，我覆盖了图像，

如何在不刷新整个页面的情况下刷新img控件中的图片？

【问题讨论】：

使用 javascript 和 setInterval 将 src 属性更改为 c:\bla\bla.png?cnt=1 并增加 cnt。

没必要..图片在src改变时自动改变

【参考方案1】：

试试

let url = 'c:\bla\bla.png', 
    count = 0;
setInterval(function() 
    document.getElementById('myimg').src = url + '?cnt=' + count++;
, 1000);

稍微修改一下html。

<img id="myimg" src="c:\bla\bla.png" />

【参考方案2】：

每当图像发生变化时，您都会执行此代码：

yourImage.src = "http://localhost/image.jpg?" + new Date().getTime();

如果抓不到这个事件，就实例化一个区间

setInterval(function() yourImage.src = "http://localhost/image.jpg?" + new Date().getTime(); , 1);

【讨论】：

工作就像一个魅力，非常感谢

Np 我想帮忙