antdesignpro upload获取图片base64编码

Ant Design Pro的Upload组件可以通过beforeUpload属性获取到上传的文件对象，然后可以使用FileReader API将文件转换为base64编码。以下是一个示例代码：

import { Upload, message } from 'antd';

function beforeUpload(file) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = () => {
      const base64 = reader.result;
      resolve(base64);
    };
    reader.onerror = error => {
      message.error('上传失败');
      reject(error);
    };
  });
}

function MyUpload() {
  return (
    <Upload beforeUpload={beforeUpload}>
      <Button>上传图片</Button>
    </Upload>
  );
}

在beforeUpload中，我们使用FileReader API将文件对象转换为base64编码，并返回一个Promise对象，将base64编码传递给上传组件。注意，这里使用了异步操作，需要使用Promise来处理。