el-upload实现同一个文件上传失败后重新上传
时间: 2023-08-12 22:59:05 浏览: 380
实现的upload文件上传
使用el-upload组件实现同一个文件上传失败后重新上传,可以通过以下步骤来完成:
1. 在el-upload组件上添加ref属性,用于在代码中访问该组件的实例:
```
<el-upload ref="upload" ...></el-upload>
```
2. 监听el-upload的upload-error事件,该事件在文件上传失败时触发。在事件处理函数中,重新上传文件:
```
<el-upload ref="upload" @upload-error="handleUploadError" ...></el-upload>
...
methods: {
handleUploadError(err, file, fileList) {
// 重新上传文件
this.$refs.upload.upload(file.raw)
}
}
```
在handleUploadError方法中,调用this.$refs.upload.upload(file.raw)重新上传文件。file.raw表示原始文件对象。
这样,当文件上传失败时,会自动触发upload-error事件,并重新上传文件。
阅读全文