ant-design-vue的upload上传组件在jeecg-boot中的使用

 项目中需要调用upload上传组件,并且附带commit还有id两个参数和文件

于是如下图所写(错误的示例)

//错误的示例
<a-upload-dragger
          name="files"
          :multiple="true"
          :headers="headers"
          :beforeUpload="beforeUpload"
          :action="url.upload"
          @change="handleChange"
  >
  <p class="ant-upload-drag-icon">
     <a-icon type="inbox" />
  </p>
  <p class="ant-upload-text">
        单击或拖动文件到此区域以上载
  </p>
</a-upload-dragger>


url.upload = '/certificate/process/upload'

打开控制台后发现如下图所示

查明原因后

jeecg-boot 中的 上传接口应当如下所写
upload: window._CONFIG['domianURL']+"/certificate/process/upload",

携带的参数应当通过data参数带过去,可以定义变量,:data={commit:a,id:b},然后在上传事件捕获的时候改变变量的值,这样就可以正常传值了

<a-upload-dragger
          name="files"
          :multiple="true"
          :headers="headers"
          :beforeUpload="beforeUpload"
          :action="url.upload"
          :data="{
            commit: 12,
            id: 123
          }"
          @change="handleChange"
        >
          <p class="ant-upload-drag-icon">
            <a-icon type="inbox" />
          </p>
          <p class="ant-upload-text">
            单击或拖动文件到此区域以上载
          </p>
        </a-upload-dragger>

 此处多文件上传上传时,是调用多次上传事件,并非调用一次文件上传,传多个文件