vue上传所有附件以后提交表单

方法是挂载在vue实例上的公用方法，需要在main.js里面导入

// 多个表单验证
Vue.prototype.multipleUploadFile = function (formData,submitReuqest) {
    // 保存操作
    let formArr = formData; //文件数组
    var resultArr = []; //用来接受返回结果的数组
    var _self = this;
    function checkForm(formName) {
        //封装验证表单的函数
        var result = new Promise(function (resolve, reject) {
            uploadFile(formName) // 上传接口
                .then((res) => {
                    // console.log(res);
                    if (res.code === 200) {
                        resolve();
                    } else {
                        reject();
                    }
                })
                .catch(() => {
                    reject();
                });
        });
        resultArr.push(result); //push 得到promise的结果
    }
    formArr.forEach((item) => {
        //上传文件
        checkForm(item);
    });
    Promise.all(resultArr) // 所有文件上传完成后去提交表单
        .then((values) => {
            submitReuqest() // 表单提交事件--作为参数传递过来
        })
        .catch((_) => {
            return false;
   });
}

调用方法：this.multipleUploadFile(文件数组,提交表单事件名)