我们要实现的是在点击上传按钮的时候，弹出一个对话框，在选择文件的之后点击完成的时候，向指定的地址上传文件

弹框

html的相关代码

<!--html文件-->
<!--multiple为true可以同时上传多个文件-->
<!--showUploadList 为false不现实文件的上传情况-->
<Upload
  multiple ={true}
  accept ='.mib'
  beforeUpload = {this.uploadMibfiles}
  onChange ={this.fileState}
  showUploadList = {false}
/>

js的逻辑代码

// 将获取到的文件进行保存，方便后续进行操作
uploadMibfiles = file =>{
 this.fileList = file;
}

 fileState = info =>{
  if(this.fileListMy && this.fileListMy.length !== 0){
    // 写相关发请求的逻辑
    apiUp (this.fileList）.then(res =>{
      if  (res !== 202){
        message.success('文件上传成功')
      }else{
        message.errro("文件上传失败")
      }
    })
  }
}

发送请求的代码

const apiUp = async file =>{
  const formData = new FormData(); // 将文件变成键值的形式，可以方便的处理各类的文件
  formData .append('file',file);
  const res = await axios.post('/wdfedf/guyfewj',formDate);
  return res;
}