关于vue.js:ElementPlus-Upload上传文件只能上传一次第二次无响应彻底解决

**问题形容:应用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) // 从新赋值原来的文件
  })
})

【腾讯云】轻量 2核2G4M,首年65元

阿里云限时活动-云数据库 RDS MySQL  1核2G配置 1.88/月 速抢

本文由乐趣区整理发布,转载请注明出处,谢谢。

您可能还喜欢...

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据