js动态请求img的src同一地址刷新图片但显示不改变存在缓存的问题

由于潘老师最近在开发一个页面要求动态刷新一个存放在固定目录固定名称的图片，该图片会不断地被新图片覆盖，但图片名称始终不变，要求在页面上实时地显示该图片。看上去该问题很简单，直接使用img标签引用图片地址就能显示，但是当图片改变了，即使你定时去请求图片，你会发现页面上的图片始终还是原来的图片。这是因为存在缓存的原因。那该怎么解决这个缓存问题呢？

解决办法

解决方案其实非常简单，就是在src的图片路径后面指定一个随机数参数就可以了，这样你每次去请求时，浏览器认为你每次是访问了不同的图片路径，从而每次都会重新访问服务器读取图片，而不再读取缓存中的图片。虽然该随机数没有什么实际含义，但对浏览器而言，请求地址是不一样的。因此，具体的实现案例代码如下：