How to set MIME type for POST - multipart/form-data in axios?

Question

I need to send POST request with MIME - multipart/form-data

This is my default configuration for POST headers: axios.defaults.headers.post['Content-Type'] = 'multipart/form-data';

I expect that default Content-Type should be multipart/form-dat, but in chrome devtools I see Content-Type: application/json

To be clear...is that application/json in the request headers and not the response ones? — charlietfl
– charlietfl, Commented Apr 6, 2019 at 15:59
try this reference -> stackoverflow.com/questions/41878838/… — sathish kumar
– sathish kumar, Commented Apr 6, 2019 at 16:00

Cuong Vu · Accepted Answer · 2019-04-06 16:06:26Z

5

You can try this:

const data = new FormData();

data.append('action', 'ADD');
data.append('param', 0);
data.append('secondParam', 0);
data.append('file', new Blob(['test payload'], { type: 'text/csv' }));

axios.post('http://httpbin.org/post', data);

This code is using FormData API

Another option is using form-data package:

const axios = require('axios');
const FormData = require('form-data');

const form = new FormData();
// Second argument  can take Buffer or Stream (lazily read during the request) too.
// Third argument is filename if you want to simulate a file upload. Otherwise omit.
form.append('field', 'a,b,c', 'blah.csv');
axios.post('http://example.org/endpoint', form, {
  headers: form.getHeaders(),
}).then(result => {
  // Handle result…
  console.log(result.data);
});

answered Apr 6, 2019 at 16:06

Cuong Vu

3,72316 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to set MIME type for POST - multipart/form-data in axios?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related