elmentui的文件上传,当使用http-request时文件全部上传完毕后如何判断
时间: 2024-04-14 08:30:55 浏览: 93
你可以使用`http-request`的`on-success`事件来判断文件是否上传成功。当所有文件上传完成后,该事件会被触发。你可以在事件处理程序中进行逻辑判断。
以下是使用Element UI的文件上传组件和http-request的示例代码:
```html
<template>
<el-upload
class="upload-demo"
action="/upload"
:on-success="handleUploadSuccess"
>
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
</template>
<script>
export default {
methods: {
handleUploadSuccess(response, file, fileList) {
// 判断文件是否全部上传成功
if (fileList.length === this.$refs.upload.uploadFiles.length) {
// 所有文件上传完成
console.log('所有文件上传完成');
}
},
},
};
</script>
```
在`handleUploadSuccess`方法中,通过比较`fileList`的长度与上传组件的`uploadFiles`数组的长度,如果相等,则表示所有文件都已上传完成。你可以根据这个条件进行相应的操作或逻辑判断。
阅读全文