图像轮询通过JavaScript

我需要使用javascript轮询图像,并且需要在其位置找到图像后执行操作.这是我为此任务编写的代码.

/*----Image handling script starts here----*/
var beacon = new Image(); 
beacon.onload = function() {
    console.log('Image found'); 
    console.log(this.width,this.height);
    window.clearInterval(timer);
};
beacon.onerror = function(){    
   console.log('Image not found');
}
var timer = window.setInterval(function(){
    console.log('sending the request again');
    beacon.src = "http://www.google.co.in/logos/2010/lennon10-hp.gif";
},2000);
/*----Image handling script ends here----*/

问题是,在一次GET请求之后,每次设置src时,响应都会被缓存并且请求不会被发送.如果检查NET选项卡,它仅在第一个src集上发送请求并缓存响应.

每次我的代码设置src时,我都需要发送一个新的图像请求.任何解决方法？

解决方法:

每次使用不同的查询字符串请求图像.浏览器会将其视为唯一的URL,并且不会将其放在缓存中.您可以放弃这一点,因为在请求图像时,Web服务器可能会忽略查询字符串中的任何内容.以下应该提出100个请求：

for (var i=0; i<100; i++)
{
    beacon.src = "http://www.google.co.in/logos/2010/lennon10-hp.gif?" + i;
}

标签：javascript,polling
来源： https://codeday.me/bug/20190606/1189045.html