更改img标签src属性来换图时浏览器不改变问题

今天遇到一个特无从入手问题，项目里用到js来改变img标签的src来请求不同的图片。

代码如下:

document.getElementById("code").src="myqrcode?********************";

没想到的是在浏览器运行时，图片的变换次数却仅有1次(甚至不改变)，但从后台日志来看确实是发送了新的请求，也做了处理和响应。

折腾半天，考虑过电脑浏览器和手机屏幕不同而更改为响应式布局，结果也还是没解决此问题。

后来百度了很久终于明白，

虽然请求的图片改变了，但当src的值相同的，浏览器是会去缓存中加载图片的。因此解决问题的方法就变得很明确了。

只要js改变img标签的src时能使src不同即可，由此，将之前的代码改为：

document.getElementById("code").src="myqrcode?********************&t="+Date();

这样，在src后加上时间，每次的src便不一样了，但却不会影响我们要加载的图片。

这个问题记录下来给希望能帮到同样问题的朋友。