vue+element ui 点击按钮手动上传带额外参数


     点击上传
   
 uploadData: {
                fileType: '01', //支付凭据
                procNo: ''
            },

 //上传成功
        httpRequest(params) { 这可以获取到额外的数据和文件
            this.fileObj.multipartFile = params.file;
            this.fileObj.fileType = params.data.fileType;
            this.fileObj.procNo = params.data.procNo;
        },
        //上传移除
        handleFileRemove(file, fileList) {
            this.uploadFileList.splice(this.uploadFileList.findIndex((item) => item === file.response.body));
        },

        //禁止上传多个
        handleFileOneExceed(files, fileList) {
            this.$message.warning('禁止上传多个文件');
        },
        closeDialog() {
            this.$refs.addUpload.clearFiles();
            this.showPayFrom = false;
        },
        //提交
        sureCommit() {
            this.uploadLoading = true;
            const form = new FormData();
            form.append('multipartFile', this.fileObj.multipartFile);
            form.append('fileType', this.fileObj.fileType);
            form.append('procNo', this.fileObj.procNo);
            businessUpload(form)
                .then((res) => {
                    this.uploadLoading = false;
                    if (res.code == 200) {
                        this.$message.success('上传成功');
                        this.closeDialog();
                        this._getList();
                    }
                })
                .catch((err) => {
                    this.uploadLoading = false;
                    this.$message.error(err.message);
                });
        },

vue+element ui 点击按钮手动上传带额外参数_第1张图片 

 

你可能感兴趣的:(前端,vue.js,ui,javascript)