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

修改img的src属性刷新图片时,图片地址相同图片无变化的问题
强烈推介IDEA2020.2破解激活,IntelliJ IDEA 注册码,2020.2 IDEA 激活码

问题

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

原因

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

解决方法

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

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

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

image:this.course.image.split('?')[0]
本文来源MrKorbin,由架构君转载发布,观点不代表Java架构师必看的立场,转载请标明来源出处:https://javajgs.com/archives/25305

发表评论