JS动态获取图片缓存问题解决

问题场景

需求：

用户修改商品图片，须要及时更新商品图片，以便用户确认修改图片成功。

问题：

上传一张图片，经过js更新src属性刷新图片使其即时显示时，当img的src与上次地址无变化时（只更改图片，名称不变，不一样图片名称相同）仍显示原来的图片。

缘由：

当src的地址不变时浏览器不会从新加载图片仍从缓存里面读取。

解决：

经过前台处理，让JS每次生成一个随机数做参数放在sre后边，但该参数没有实际意义。

eg.
<img src='" + imgsrc + "t=" + Math.random() + "'>

原理：

因为在img的src中增长了随机数参数，屡次访问图片时，浏览器认为是访问了不一样的图片路径，浏览器会每次从新访问服务器读取图片， 而再也不读取缓存中的图片。