el-upload beforeupload resolve不起作用
时间: 2024-01-18 20:18:27 浏览: 61
在使用el-upload组件的before-upload函数时,如果想要在校验通过后继续上传文件,可以使用Promise来解决。在before-upload函数中返回一个Promise对象,并在resolve中返回true,表示校验通过,可以继续上传文件。如果校验不通过,则在reject中返回false,表示停止上传文件。
以下是一个示例代码:
```javascript
<template>
<el-upload
class="upload-demo"
action="/upload"
:before-upload="beforeUpload"
>
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
</template>
<script>
export default {
methods: {
beforeUpload(file) {
return new Promise((resolve, reject) => {
// 进行校验操作
if (file.size > 1024 * 1024) {
reject(false); // 校验不通过,停止上传
} else {
resolve(true); // 校验通过,继续上传
}
});
}
}
};
</script>
```
在上述示例中,beforeUpload函数返回一个Promise对象。如果文件大小超过1MB,则校验不通过,调用reject(false)停止上传;否则,校验通过,调用resolve(true)继续上传。
阅读全文