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

2024年3月12日 137次阅读 来源: MrKorbin

问题

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

原因

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

解决方法

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

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

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

image:this.course.image.split('?')[0]
    原文作者：MrKorbin
    原文地址: https://blog.csdn.net/MrKorbin/article/details/104134652
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞