el-upload上传多次
时间: 2023-11-09 16:00:07 浏览: 144
【JavaScript源代码】element-ui中el-upload多文件一次性上传的实现.docx
您可以使用el-upload的multiple属性来实现多次上传的功能。将multiple属性设置为true,即可让用户选择并上传多个文件。
示例代码如下:
```
<template>
<el-upload
action="/upload"
multiple
:limit="3"
:on-exceed="handleExceed"
:file-list="fileList"
:on-remove="handleRemove"
>
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">只能上传不超过3个文件</div>
</el-upload>
</template>
<script>
export default {
data() {
return {
fileList: []
};
},
methods: {
handleExceed(files, fileList) {
this.$message.warning(`最多只能上传${this.limit}个文件`);
},
handleRemove(file, fileList) {
console.log(file, fileList);
}
}
};
</script>
```
在示例代码中,我们设置了multiple属性为true,同时使用了limit属性来限制最多上传的文件数量为3个。通过on-exceed方法来处理超过文件数量限制时的提示信息。您可以根据需要修改和扩展这段代码。
阅读全文