我是靠谱客的博主 简单蚂蚁，最近开发中收集的这篇文章主要介绍elementui中同时上传多个文件_element-ui upload组件 实现多文件上传，觉得挺不错的，现在分享给大家，希望可以做个参考。
概述
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 upload组件 实现多文件上传所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复