Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Убран явный content-type при отправке формы #5431

Merged
merged 1 commit into from
Jul 19, 2024

Conversation

Olegt0rr
Copy link
Contributor

@Olegt0rr Olegt0rr commented Jul 11, 2024

Описание

При использовании FormData для отправки POST-запросов с использованием XMLHttpRequest или Fetch API с типом содержимого multipart/form-data (например, при загрузке файлов и больших двоичных объектов на сервер) не указывайте явно заголовок Content-Type в запросе. Это не позволит браузеру задать заголовок Content-Type с граничным выражением (boundary), которое он будет использовать для разграничения полей формы в теле запроса.

Источник:
https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects#sending_files_using_a_formdata_object

P.S.: если не следовать этому правилу, то на бэке падает валидация формы:
FormData request header doesn't include boundary

Чек-лист

  • Текст оформлен согласно руководству по стилю
  • Ссылки на внутренние материалы начинаются со слеша и заканчиваются слэшем либо якорем на заголовок (/css/color/, /tools/json/, /tools/gulp/#kak-ponyat)
  • Ссылки на картинки, видео и демки относительные (images/example.png, demos/example/, ../demos/example/)

When using FormData to submit POST requests using XMLHttpRequest or the Fetch API with the multipart/form-data content type (e.g. when uploading files and blobs to the server), do not explicitly set the Content-Type header on the request. Doing so will prevent the browser from being able to set the Content-Type header with the boundary expression it will use to delimit form fields in the request body.

Source:
https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects#sending_files_using_a_formdata_object
@github-actions github-actions bot added js Контент по JavaScript статья Расширенный материал labels Jul 11, 2024
Copy link

Превью контента из опубликовано.

@Olegt0rr

This comment was marked as resolved.

@TatianaFokina TatianaFokina added the улучшение Доработка существующего label Jul 16, 2024
Copy link
Member

@HellSquirrel HellSquirrel left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Отличное дополнение, спасибо <3

@HellSquirrel HellSquirrel merged commit 0c53a79 into doka-guide:main Jul 19, 2024
7 checks passed
@Olegt0rr Olegt0rr deleted the patch-1 branch July 21, 2024 11:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
js Контент по JavaScript статья Расширенный материал улучшение Доработка существующего
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants