el-upload多文件上传

项目场景：

使用upload进行多文件上传，并过滤不符合条件文件

---

问题描述：

第一次使用el-upload做多文件上传，遇到问题较多，记录一下

---

原因分析：

on-success方法调用不到

---

解决方案：

数据定义部分
        data(){
        return{
            upload: {
            // 是否显示弹出层（用户导入）
            open: false,
            // 弹出层标题（用户导入）
            title: "",
            // 是否禁用上传
            isUploading: false,
            // 设置上传的请求头部
            headers: { Authorization: "Bearer " + getToken() },
            // 是否更新已经存在的用户数据
            updateSupport: 0,
            // 上传的地址
            url: "上传的后台接口路径" // 此处可以随意填写字符串，但是不能为空或者不传
        },
        }
    }
    html部分
    <el-upload
               ref="upload"
               multiple  //  是否支持多文件上传
               :limit="5"  // 限制一次上传文件个数
               accept=".doc,.docx,.xlsx,.xls,.jpg,.png,.zip"  // 限制可上传的文件类型
               :headers="upload.headers"   // header限制
               :action="upload.url + '?updateSupport=' + upload.updateSupport"
               :disabled="upload.isUploading"
               :on-change="handlerChange"    // 选取文件后可操作
               :auto-upload="false">   
               <div>
                    <span style='font-size:14px;color:#8B95A3;margin-right:10px;'>资料上传:</span>
                    <el-button slot="trigger" size="small" type="primary">上传文件<i class="el-icon-upload el-icon--right"></i></el-button>
               </div>
               <div slot="tip" class="el-upload__tip">支持拓展名：doc、docx、excle、jpg、png、zip</div>
         </el-upload>
     <div class='btn_c'>
               <el-button @click='submitFileForm' class='btn_w100 mg-l_20' type="primary" size="mini">确认</el-button>
               <el-button @click='clickClose' class='btn_w100 mg-l_20' size="mini">关闭</el-button>
         </div>
    js部分
         // 选取文件后钩子函数
         handlerChange(file,fileList){
             this.fileParams =fileList
         },
     // 文件上传处理
     submitFileForm(){
        let paramFormData = new FormData();
            this.fileParams.forEach(file => {
        // 处理文件集合，限制上传文件大小
                if(file.raw.size / 1024 / 1024 < 3){
                    paramFormData.append("files", file.raw); // 添加文件到formdata
                }else{
                    query_Flag = false // 做个标识，不符合条件不进行上传
                    this.$message({
                        message: '上传文件大小不能超过 3MB!请移出'+ file.name + '文件',
                        type: 'error',
                        duration:'2000'
                    });
                }
                
            });
            let url = "上传后台接口路径"
            if(query_Flag){
                this.$axios({
                    url: url,
                    method: 'post',
                    data: paramFormData,
                    headers: {'Content-Type': 'multipart/form-data', Authorization: "Bearer " + getToken() }, // 需要将contenttype修改
                }).then(res => {
                    if(res.code=='200'){
                        上传success
                    }
                }).catch(error => {
                    this.$refs.upload.clearFiles();
                    上传error
                })
            }
    }