iview Upload 动态改变上传参数

动态修改参数

大家在写项目的时候 一定会遇到特别多的上传功能，特别是后台管理系统，你又不想自己写一个 Input type=“file” 繁琐的功能 正好iview上面有现成的上传组件 用起来很简单

因为后台给的字段和upload默认上传的字段不一致 那么咱们就动态修改一下这个字段名字
API里面有一个name可以修改一个字段

但是有时候后台也需要传递多个字段 那咱们就需要对代码更改一下了

                <Upload :action="uploadUrl"
                        :show-upload-list="false"
                        class="break_box_upload"
                        :before-upload="beforUpload"
                        :data="uploadData"
                        :format="['pdf']"
                        :name="'splitReportFiles'"
                >
                    <Button class="break_upload_btn">导入</Button>
                </Upload>

before-upload是文件上传之前做的操作

data(){
    return{
        uploadData:{},
        uploadUrl:"",
        breakSampleId:"",
        sample:[],
    }
},


    beforUpload(files){//文件上传之前
        this.uploadUrl = "api/main/strMixSplitReportFileList";
        this.uploadData = {
            sampleId:this.breakSampleId
        };
        let promise = new Promise((resolve)=>{
            this.$nextTick(function () {
                resolve(true)
            })
        });
        return promise
    },