likes
comments
collection
share

ElementPlus upload组件限制上传一个文件,重新选择替换原来文件

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

ElementPlus upload组件限制上传一个文件,重新选择替换原来文件实现上传文件显示通过:limit="1" 和 :on-exceed来实现,但是这是后来版本添加的属性和方法,最好吧elementPlus升级到最新,要不然on-exceed方法不会被调用。

<el-upload
  ref="uploadRef"
  :action="uploadFileUrl+'?name='+(downloadFileName.name)"
  :headers="accessToken"
  :format="['xls','xlsx']"
  accept=".xls, .xlsx"
  :show-file-list="false"
  :limit='1'
  :on-exceed="handleExceed"
  :on-success="handleSuccess"
  :on-change="fileListChange"
  :auto-upload="false"
>
  <el-button type="default">点击上传</el-button>
</el-upload>

// 限制上传一个文件,重新选择文件替换原来的文件
const handleExceed = (files) => {
  uploadRef.value.clearFiles()
  nextTick(() => {
    uploadRef.value.handleStart(files[0])
  })
}