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

问题

在使用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
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞