最近做後臺系統發現圖片上傳的問題，專案是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中定義。