修改img的src属性刷新图片时，图片地址相同图片无变化的问题

问题

在使用ElementUI中el-upload插件进行图片的上传并预览时，在第二次选择图片覆盖第一次选择的图片时，图片被覆盖，但返回的图片地址相同，此时预览的图片没变化，依旧是被覆盖前的图片。

原因

这是由于图片地址没变化浏览器依旧使用之前缓存了的图片，不会做刷新。

解决方法

在修改img的src属性的时候加上一个随机数，让浏览器以为要做一次新的请求去获取图片。

upLoadImageSuccess(res , file) {
          this.course.image = res+'?'+Math.random();
        }

然后在上传更新图片地址时，再去掉后面的随机数。

image:this.course.image.split('?')[0]

来源：CSDN

作者：Korb1n

链接：https://blog.csdn.net/MrKorbin/article/details/104134652