如何将带有表单数据的ant设计(Typescript)中的info.fileList[0].originFileObj发送到服务器？

在ant设计中，如果要将带有表单数据的info.fileList[0].originFileObj发送到服务器，可以使用以下步骤：

首先，确保你已经安装了必要的依赖，包括axios和antd。
在你的组件中，引入Upload组件和axios库：

import { Upload } from 'antd';
import axios from 'axios';

在表单中使用Upload组件，并设置customRequest属性为一个自定义的上传函数：

<Upload customRequest={uploadFile}>
  {/* 表单其他内容 */}
</Upload>

实现自定义的上传函数uploadFile，该函数将被Upload组件调用来处理文件上传：

const uploadFile = async (options: any) => {
  const { file, onSuccess, onError } = options;

  try {
    // 创建一个FormData对象，用于存储文件和其他表单数据
    const formData = new FormData();
    formData.append('file', file);
    formData.append('otherData', '其他表单数据');

    // 发送POST请求到服务器
    const response = await axios.post('/upload', formData, {
      headers: {
        'Content-Type': 'multipart/form-data',
      },
    });

    // 上传成功时调用onSuccess回调函数
    onSuccess(response.data, file);
  } catch (error) {
    // 上传失败时调用onError回调函数
    onError(error);
  }
};

在上述代码中，我们首先创建一个FormData对象，用于存储文件和其他表单数据。然后，使用axios库发送一个POST请求到服务器的/upload接口，并将FormData对象作为请求体发送。注意设置请求头的Content-Type为multipart/form-data，以支持文件上传。

当上传成功时，调用onSuccess回调函数，并将服务器返回的数据和文件对象传递给它。当上传失败时，调用onError回调函数，并将错误对象传递给它。

这样，你就可以将带有表单数据的文件上传到服务器了。请根据实际情况修改上传路径和其他表单数据。