el-upload自定義上傳文件，並攜帶其余參數，且action不報錯

用el-upload組件自定義上傳按鈕，並攜帶其余參數，且必傳參數action 不報錯

<template>
  <el-col :span="6" :mode="uploadForm">
    <el-form>
      <el-form-item>
        <el-upload
          class="upload-demo"
          ref="upload"
          action="no"
          :before-upload="doUpload"
          :file-list="uploadForm.fileList"
          :http-request="uploadOk"
          :auto-upload="false">
          <el-button slot="trigger" size="small" type="primary">選取文件</el-button>
          <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上傳到服務器</el-button>
          <div slot="tip" class="el-upload__tip">只能上傳jpg/png文件，且不超過500kb</div>
        </el-upload>
      </el-form-item>
    </el-form>
  </el-col>
</template>

<script>
  import { mapGetters } from 'vuex'
  import axios from 'axios'
    export default {
      name: "upload",
      data() {
        return {
          uploadForm: {
            deptName:'',
            reimMent:'',
            fileList:[]
          }
        };
      },
      computed:{
        ...mapGetters([
          'username'
        ])
      },
      methods: {
        doUpload(file){
        },
        submitUpload() {
          this.$refs.upload.submit();
        },
        uploadOk(val){
          let fd = new FormData();
          fd.append('operator',this.username);
          fd.append('reimment','李青');
          fd.append('deptname','信息部');
          fd.append('file',val.file);
          // for(let i=0;i<this.files.length;i++){
          //   fd.append('file',this.files[i],this.files[i].name);
          // }
          axios.post(process.env.BASE_API+'/file/file',fd).then(res=>{
            console.log(res)
          })
        }
      }
    }
</script>

<style scoped>

</style>

希望對你有幫助