我有一个图像，该图像正在从本地网络摄像头源不断更新，然后显示在网站上。我可以显示图像，并通过刷新页面图像将更新(显然)。
我想知道的是，如何每(比如说)5 秒更新此图像，而不必手动刷新页面(即利用 ajax)。
我不太确定的基本事情:
<img src=""/><--- 如何加载位于 javascript 代码中的图像 url在 javascript 代码中，如何创建一个函数来自动更新图像源，而无需重新加载页面
据我了解，在阅读后，主要问题之一是浏览器将加载缓存的图像，除非生成的 httprequest 每次看起来都不同，因此我需要在 url 字符串中添加一个附加项目(即.www.yoursire.com?image=foo&date=bar(日期由日期函数或其他迭代值获取))以规避这种可怕的浏览器倾向？
提前致谢!
最佳答案
无需编写所有代码
查看 JavaScript 函数
setTimeout()和setInterval()更改ana元素的src属性很容易
document.getElementbyId("imageId").setAttribute("src", imageUrl);如果您的图像请求 url 每次都相同(但图片已更改服务器端)，您可以向 ajax 请求 header 添加“无缓存”，或者可能向 ajax 请求 header 添加一个随机查询字符串每次强制重新加载的图像(例如 http://mydomain/myimage?3754854 )
关于javascript - 使用ajax刷新网络摄像头图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5883195/