img标签浏览器缓存图片问题

问题：项目中用的img标签及其src属性，但是发现浏览器会缓存图片，这样每次如果修改了图片，再重新打开预览发现图片还是原来的。

原因：因为src后面的请求路径不变，所以浏览器就认为是同一个图片，就不会重新发送请求。

解决方法：

 

在img的scr属性.后添加  "?tempid="+Math.random(); 这样一段字符串.

 

因为浏览器缓存的img是根据scr属性的.而这个刚好随即生成随机数,不影响SCR属性的同时等于更新了src属性..因此避免了缓存.

 

当然scr属性后添加,是在完整的图片地址后在加上以上那段代码;

 

当然我们如果每次上传的图片（包括修改原图片）都能取一个与其他图片不一样的名字,也可以完全解决缓存问题了。