如何使用antd上传发送多部分/表单数据

Question

我正在使用react和antd。
我从antd使用的组件是Drag and Drop。
我正在尝试使用FormData对象发送multipart / form-data。
它发送文件（应作为blob发送的.zip文件），但不作为blob或与其他键和值相关的任何内容发送。
这是Sandbox。

预期请求有效载荷：

------WebKitFormBoundaryysdTGvf0cRZVGpQ4
Content-Disposition: form-data; name="file"; filename="aFileName.zip"
Content-Type: application/octet-stream

[0,1,2]
------WebKitFormBoundaryysdTGvf0cRZVGpQ4
Content-Disposition: form-data; name="x2"

y2
------WebKitFormBoundaryysdTGvf0cRZVGpQ4
Content-Disposition: form-data; name="x3"

true
------WebKitFormBoundaryysdTGvf0cRZVGpQ4
Content-Disposition: form-data; name="x4"

2
------WebKitFormBoundaryysdTGvf0cRZVGpQ4

实际请求付款：

------WebKitFormBoundaryysdTGvf0cRZVGpQ4
Content-Disposition: form-data; name="file"; filename="aFileName.zip"
Content-Type: application/zip


------WebKitFormBoundaryysdTGvf0cRZVGpQ4

Answer 1

我已经使用customRequest解决了这个问题。
您可以在此处找到示例：Send multipart/form-data with antd upload #11616

Answer 2

如果您只想使用 <Upload> 作为文件输入并且只让 <Form> 为您提交文件，这里是 my solution