Javascript 在html5中不缓存图像的最佳方法是什么?
我有一个应用程序,它每40毫秒覆盖一次映像(在localhost中)。我正在尝试每隔40毫秒将该图像(相同的名称和本地主机)加载到HTML5图像标记中。问题是加载第一个图像后,图像存储在缓存中,HTML5没有加载新图像(同名) 我正在搜索并看到(例如)cache.manifest问题,但无法解决我的问题。在html5中不缓存图像的最佳方法是什么Javascript 在html5中不缓存图像的最佳方法是什么?,javascript,html,image,caching,reload,Javascript,Html,Image,Caching,Reload,我有一个应用程序,它每40毫秒覆盖一次映像(在localhost中)。我正在尝试每隔40毫秒将该图像(相同的名称和本地主机)加载到HTML5图像标记中。问题是加载第一个图像后,图像存储在缓存中,HTML5没有加载新图像(同名) 我正在搜索并看到(例如)cache.manifest问题,但无法解决我的问题。在html5中不缓存图像的最佳方法是什么 如Aditya在您问题下方的评论中所建议的那样,您可以通过添加querystring参数或类似的内容,以某种方式使请求唯一。您可以尝试对图像的源代码进行
如Aditya在您问题下方的评论中所建议的那样,您可以通过添加querystring参数或类似的内容,以某种方式使请求唯一。您可以尝试对图像的源代码进行版本控制: 例如:
<img src='/source?v=1.2'/>
如果更改源(例如,通过添加额外参数),缓存将无法工作。您可以在JS中通过更改img
变量(即对
标记的引用)来完成此操作:
祝你好运 和往常一样,不要在HTML中这样做。使服务器添加HTTP头:
img.src = '/source?nocache=' + (new Date()).getTime()
对图像的响应
否则,您将使用随机文件名的垃圾副本填充浏览器的缓存,从而将有用的文件从缓存中推出
有关特定于服务器的配置,请参阅。如果您使用的是
/>,其中v=number是img源的唯一版本??您好,再见,谢谢您的评论。。还是一样的问题。。不刷新图像…@Balu:我已经更新了我的答案,请尝试使用microtime(true)
以获得更高的精度
img.src = '/source?nocache=' + (new Date()).getTime()
Cache-Control: no-cache