如何使用 antd 上传 react 发送 multipart/form-data答案

【问题标题】：How to send multipart/form-data with antd upload react如何使用 antd 上传 react 发送 multipart/form-data
【发布时间】：2019-01-12 20:12:02
【问题描述】：

我正在使用 react 和 antd。
我在 antd 中使用的组件是Drag and Drop。
我正在尝试使用 FormData 对象发送多部分/表单数据。
它发送文件（应作为 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

实际请求Paylod：

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


------WebKitFormBoundaryysdTGvf0cRZVGpQ4

【问题讨论】：

标签： reactjs antd

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：