关于图片上传第一次正常第二次没反应的问题

最近做后台系统发现图片上传的问题,项目是Vue+element-ui搭建框架,图片上传点击第一次正常请求接口没问题,第二次点击没反应没有正常去请求接口。

原因:第一次点击上传成功之后没有清除。

方案:在请求成功的函数中加入

<el-upload
  class="upload-demo"
  action="http://192.168.0.11:8082/common/uploadFile"
  multiple
  ref="upload"
  :headers="headers"
  :show-file-list="false"
  :onError="equityImgError"
  :onSuccess="equityImgSuccess"
   >
   <img v-if="memberbranchRuleVO.logoUrl" :src="memberbranchRuleVO.logoUrl" class="avatar">
   <span v-else class="avatar-up">点击上传</span>
   <div slot="tip" class="tip-class-img">
   格式:png/jpg<br>
   大小:×××/×××
   </div>
 </el-upload> 

    equityImgSuccess(response, file, fileList) {
      // debugger
      this.memberbranchRuleVO.logoUrl = response.data.url;
      this.$refs.upload.clearFiles(); //上传成功之后清除历史记录
    },

图片上传前端传给后端请求头,也就是代码中的:header,header在data中定义。

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值