element UI Upload 上傳文件只能上傳一次 ,第二次后無反應的問題的坑


主要原因是第一次上傳文件后,瀏覽器還保存着我們已經上傳的文件,所以要想繼續上傳文件,就需要在on-success鈎子函數中r通過ef 拿到它的document元素進行清除已經上傳的文件

<el-upload
                  class="upload-demo"
                  ref="upload"
                  :action="url"
                  :headers="headers" :on-success="handleAvatarSuccess"
                  :multiple="false"
                  :show-file-list="false"
                  :limit="1"
                  :auto-upload="true"
                >
                <!-- :before-upload="beforeAvatarUpload"    下載前要開啟格式與大小判斷的話,el-upload標簽中加上before-upload 屬性 -->
                  <img src="/image/table/upload.png" slot="trigger" />
                </el-upload>
handleAvatarSuccess(res, file) {
      // this.myData= file;
      this.$refs.upload.clearFiles(); //上傳成功之后清除歷史記錄
      this.handleInitTableData();  //初始化表格數據
    },

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM