有没有el-upload手动上传全部成功之后执行的函数
时间: 2023-09-04 12:13:22 浏览: 135
elemetUi 组件–el-upload实现上传Excel文件的实例
5星 · 资源好评率100%
有的,el-upload 组件提供了一个 `on-success` 属性用于指定上传成功后的回调函数。可以在该回调函数中执行上传完成后需要执行的操作。例如:
```html
<el-upload
class="upload-demo"
action="your-upload-api"
:on-success="handleSuccess"
:on-preview="handlePreview"
:on-remove="handleRemove"
>
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div>
</el-upload>
```
```javascript
methods: {
handleSuccess(response, file, fileList) {
// 上传成功后的回调函数
console.log(response);
console.log(file);
console.log(fileList);
// 执行上传完成后需要执行的操作
},
handlePreview(file) {
console.log(file);
},
handleRemove(file, fileList) {
console.log(file, fileList);
}
}
```
在上面的例子中,`handleSuccess` 方法就是上传成功后执行的回调函数,其中的 `response` 参数表示服务器返回的数据,`file` 参数表示当前上传的文件,`fileList` 参数表示当前已经上传的文件列表。你可以在该方法中编写上传完成后需要执行的操作。
阅读全文