问题
在使用ElementUI中el-upload插件进行图片的上传并预览时,在第二次选择图片覆盖第一次选择的图片时,图片被覆盖,但返回的图片地址相同,此时预览的图片没变化,依旧是被覆盖前的图片。
原因
这是由于图片地址没变化浏览器依旧使用之前缓存了的图片,不会做刷新。
解决方法
在修改img的src属性的时候加上一个随机数,让浏览器以为要做一次新的请求去获取图片。
upLoadImageSuccess(res , file) {
this.course.image = res+'?'+Math.random();
}
然后在上传更新图片地址时,再去掉后面的随机数。
image:this.course.image.split('?')[0]