el-upload submit回调
时间: 2023-12-01 19:42:29 浏览: 126
el-upload组件提供了多个回调函数,其中submit是在上传文件之前触发的回调函数。在submit回调函数中,你可以对上传的文件进行一些处理,例如修改文件名、添加额外的参数等。submit回调函数需要返回一个Promise对象,当Promise对象resolve时,上传请求才会被发送。如果Promise对象reject,则上传请求会被取消。
以下是一个el-upload submit回调的示例代码:
```html
<template>
<el-upload
class="upload-demo"
action="/upload"
:before-upload="handleBeforeUpload"
:on-success="handleSuccess"
:on-error="handleError"
:headers="{'Authorization': 'Bearer ' + token}"
:data="{userId: 123}"
:file-list="fileList">
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
</template>
<script>
export default {
data() {
return {
fileList: [],
token: 'your_token'
};
},
methods: {
handleBeforeUpload(file) {
// 修改文件名
file.name = 'new_file_name';
// 返回Promise对象
return new Promise((resolve, reject) => {
// 添加额外的参数
this.fileList.push(file);
// resolve Promise对象
resolve(file);
});
},
handleSuccess(response, file, fileList) {
console.log('上传成功');
},
handleError(error, file, fileList) {
console.log('上传失败');
}
}
};
</script>
```
阅读全文