更改源时刷新图像

Question

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

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

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

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

Answer 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" />

Answer 2

每次图像更改时，您都执行以下代码：

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

如果您无法捕获此事件，只需实例化一个间隔

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