antdesignpro 获取UploadFile文件base64编码

Ant Design Pro 中的 Upload 组件是基于 Ant Design 中的 Upload 组件进行二次封装的，可以通过在 Upload 组件的 onChange 方法中获取上传文件的 base64 编码。

例如：

import { Upload } from 'antd';

function handleUploadChange(info) {
  if (info.file.status === 'done') {
    // 上传成功后获取 base64 编码
    const reader = new FileReader();
    reader.readAsDataURL(info.file.originFileObj);
    reader.onload = () => {
      const base64 = reader.result.split(',')[1];
      console.log(base64);
    };
  }
}

function UploadComponent() {
  return (
    <Upload
      onChange={handleUploadChange}
      action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
    >
      <Button icon={<UploadOutlined />}>Click to Upload</Button>
    </Upload>
  );
}

在 `handleUploadChange` 方法中，判断上传文件的状态是否为 `done`，如果上传成功，就可以通过 `FileReader` 对象将文件转换成 base64 编码，并在 `onload` 方法中获取到 base64 编码。