Как отправить multipart/form-data с реакцией загрузки antd

Я использую реагировать и antd.
Компонент, который я использую из antd - Drag and Drop.
Я пытаюсь отправить multipart / form-data, используя объект FormData.
Он отправляет файл (файл.zip, который должен быть отправлен как BLOB-объект), но не отправляет его как BLOB-объект или что-либо, связанное с другими ключами и значениями.
Вот песочница.

Ожидаемая полезная нагрузка запроса:

------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

2 ответа

Решение

Я использовал customRequest для решения этой проблемы.
Вы можете найти пример здесь: Отправка multipart/form-data с помощью команды antd upload #11616

Если вы просто хотите использовать <Upload> как ввод файла и только <Form>отправьте файл для вас, вот мое решение

Другие вопросы по тегам