el-upload上传多个文件提交保存后怎么清空文件vue2
时间: 2023-12-01 19:13:57 浏览: 62
清空input的file上传的数据
你可以在上传成功后,通过设置 el-upload 组件的 fileList 属性为空数组来清空已上传的文件。具体实现代码如下:
```vue
<template>
<el-upload
class="upload-demo"
action="your/upload/url"
:on-success="handleSuccess"
:file-list="fileList"
:multiple="true"
>
<el-button slot="trigger">选取文件</el-button>
<el-button slot="upload">上传到服务器</el-button>
</el-upload>
</template>
<script>
export default {
data() {
return {
fileList: []
}
},
methods: {
handleSuccess(response, file, fileList) {
// 处理上传成功逻辑
// 重置 fileList
this.fileList = []
}
}
}
</script>
```
在上述代码中,我们通过设置 fileList 为空数组来清空已上传的文件。在 handleSuccess 方法中,你可以编写自己的上传成功逻辑,例如展示上传成功的文件列表、保存文件路径等。
阅读全文