Vue + axios + el-upload组件，实现自定义多文件上传

需求：Vue项目中使用element-ui的el-upload上传文件，由于页面中除了文件上传，还有表单数据需要一起提交，所以不能使用el-upload的默认上传，而官方文档提供了http-request自定义上传方法来覆盖组件默认的上传方式，如下图：

image.png

所以我们可以在自定义上传方法中，配合使用axios来提交上传文件

需要注意的是：

自定义的上传方式就是模拟html表单上传文件，所以我们使用new FormData()来向后台传送文件，
而el-upload上传文件是一个一个文件上传的，所以我们可以在on-change函数里面遍历fileList，把每个子项的 raw(File文件) 取出来，放在一个数组里面保存，在自定义上传方法里，用FormData格式，每次取数组中的第一个进行递归上传，每取一个文件，上传文件数组里就删除一个，数组为空则不再递归运行(自定义上传方法)，具体代码如下：

转自https://blog.csdn.net/xjf106/article/details/103050348?utm_medium=distribute.pc_relevant.none-task-blog-title-2&spm=1001.2101.3001.4242