Languages

How to get or set boundary in multipart/form-data from FormData?

5 points
Asked by:
JustMike
3593

As in topic. I would like to set up my own boundary parameter for Content-Type. when i work with FormData class in JavaScript.

Expected header:

Content-Type: multipart/form-data; boundary=------some-random-characters

My code looks folowing way:

const requestData = new FormData();
requestData.append('file', file); // file from File API

const response = await fetch('/backend/upload', {
    method: 'POST',
    headers: {
        'Content-Type': 'multipart/form-data; boundary=------some-random-characters',
        'Accept': 'application/json'
    },
    body: requestData
});
var responseData = await response.json();

When I execute code, header Content-Type is correct, but in body I have ------WebKitFormBoundary2lZSUsxEA3X5jpYD instead of ------some-random-characters.

Request screenshot from DevTools:

Any idea how to get or set boundary for FormData?

1 answers
2 points
Answered by:
JustMike
3593

At this moment there is no way to set up boundary for FormData.

Just remove: 'Content-Type': 'multipart/form-data; boundary=------some-random-characters' - it will casue the Content-Type will be set according to body type.

Fixed code:

const requestData = new FormData();
requestData.append('file', file); // file from File API

const response = await fetch('/backend/upload', {
    method: 'POST',
    headers: {
        'Accept': 'application/json'
    },
    body: requestData
});
var responseData = await response.json();
0 comments Add comment
Native Advertising
50 000 ad impressions - 449$
🚀
Get your tech brand or product in front of software developers.
For more information contact us:
Red dot
Dirask - friendly IT community for everyone.

❤️💻 🙂

Join