ElementPlus Upload上傳檔案只能上傳一次,第二次無響應,徹底解決。

張旭超發表於2023-01-31

**問題描述:使用elementPlus upload元件上傳檔案,每次只能選擇一個檔案,如果上傳失敗,再次點選上傳按鈕,沒有反應。
解決:清空已選檔案列表,然後重新賦值。**

<el-upload
  :action="uploadFileUrl+'?name='+(downloadFileName.name)"
  :headers="accessToken"
  :limit="1"
  :format="['xls','xlsx']"
  accept=".xls, .xlsx"
  :show-file-list="true"
  :auto-upload="false"
  ref="uploadRef"
  :on-success="handleSuccess"
  :on-change="fileListChange"
>

我們在on-success中處理

const handleSuccess = (response, file) => {
  // 上傳成功以後
  uploadRef.value.clearFiles() // 先刪除選擇的檔案
  nextTick(() => {
    // file裡面的raw就是File型別,直接複製給元件
    uploadRef.value.handleStart(file.raw) // 重新賦值原來的檔案
  })
})

image.png

相關文章