问题:项目中用的img标签及其src属性,但是发现浏览器会缓存图片,这样每次如果修改了图片,再重新打开预览发现图片还是原来的。
原因:因为src后面的请求路径不变,所以浏览器就认为是同一个图片,就不会重新发送请求。
解决方法:
在img的scr属性.后添加 "?tempid="+Math.random(); 这样一段字符串.
因为浏览器缓存的img是根据scr属性的.而这个刚好随即生成随机数,不影响SCR属性的同时等于更新了src属性..因此避免了缓存.
当然scr属性后添加,是在完整的图片地址后在加上以上那段代码;
当然我们如果每次上传的图片(包括修改原图片)都能取一个与其他图片不一样的名字,也可以完全解决缓存问题了。