解决vue中接收到后端图片路径传值相同

问题背景

 在做员工系统时,前端传递图片文件给后端,后端返回的图片路径为姓名+员工部门,此时重新以当前员工身份传递图片时,后端返回的路径仍然为当前员工姓名与员工部门,此时我们传递的新图片已经保存到了后端数据库中。因为后端返回的图片路径不变,导致前端图片不会重新请求数据。

解决办法

 我们需要使图片路径不完全相同,才会使得img标签会重新请求新的图片,这时我加入了随机数进行更改图片的完整路径,但不影响图片向真正的地址去请求数据。
代码:

 		/* 上传头像成功时的回调 */
        handleAvatarSuccess(res, file) {
            console.log(res,file)
            if(res.code == 200){
                this.$message.success("上传成功")
            }
	 		//在请求到的图片路径后方加入随机数,使得每次渲染的完整图片路径都不相同,使得图片重新加载
            this.imageAvatarUrl = res.data + '?'+ Math.random();
            
        },

 问题解决~

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值