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

【问题标题】：refresh image when source changed [duplicate]源更改时刷新图像[重复]
【发布时间】：2018-01-24 17:36:00
【问题描述】：

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

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

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

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

【问题讨论】：

【解决方案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);

【讨论】：