antd Upload组件使用customRequest消除默认action行为_antd upload customrequest

当使用upload组件未填写action地址时，组件会默认发起请求，此时请求的地址是当前浏览器地址

为了消除这种默认行为，需要采用customRequest，并结合onChange属性做出相应的处理

代码如下：

const uploadParam: UploadProps = {
    accept: 'application/vnd.ms-excel,application/vnd.openxmlformats- 
          officedocument.spreadsheetml.sheet', // 指定上传文件类型
    maxCount: 1, // 数量
    beforeUpload(file) { // 上传前校验文件类型
      if (file.type !== 'application/vnd.ms-excel' && file.type !== 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet') {
        message.error('文件类型错误, 只支持.xls,.xlsx格式');
        return false;
      }
      return true;
    },
    customRequest(info: any) {// 读取上传的文件，将excel转换为数组
      const reader = new FileReader();
      const { file } = info;
      reader.readAsBinaryString(file);
      reader.onload = async (e) => {
        const data = e.target?.result;
        const zzexcel = XLSX.read(data, { // 需要因为xlsx插件
          type: 'binary',
        });
        let newData: any = XLSX.utils.sheet_to_json(zzexcel.Sheets[zzexcel.SheetNames[0]]);
      
        message.success(`${file.name} 上传成功`);
        info.onSuccess(newData, file); // 不执行该代码，上传的进度条会一直存在
      
      }
    },
    onChange(info: any) {
      const { file } = info;
      if (file.status === 'uploading') { 
        
      }
      if (file.status === "removed") {
      
      }
      if (file.status === 'error') {
       
        message.error('文件上传失败');
      }
      if (file.status === 'done') {
       
      }
     
    },
   
  };