element-ui upload组件 实现多文件上传
element-ui upload组件 实现多文件上传
需求：我司要求实现多文件上传，且要求使用formData传递参数。
环境：vue+element-ui+axios
实现：
1. 使用element-ui upload组件搭建上传文件页面，页面示例如下：
代码如下：
将文件拖到此处，或
点击上传
只能上传.xml文件
确定
取消
2. data中设置两个变量fileList3和fileData，其中fileList3用来存储文件列表、fileData用来将文件追加到formData中
data() {
return {
fileList3: [],
fileData:''
};
},
3. 引入axios
import axios from 'axios'
4. 定义方法
// 导入文件时将文件存入数组中
handleImport(file, fileList) {
this.fileList3 = fileList
},
/
最后
以上就是简单蚂蚁最近收集整理的关于elementui中同时上传多个文件_element-ui upload组件 实现多文件上传的全部内容，更多相关elementui中同时上传多个文件_element-ui内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复