likes
comments
collection
share

ElementPlus Upload上传文件只能上传一次,第二次无响应,彻底解决。

作者站长头像
站长
· 阅读数 27

**问题描述:使用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) // 重新赋值原来的文件
  })
})

ElementPlus Upload上传文件只能上传一次,第二次无响应,彻底解决。