Can't get a .post with 'Content-Type': 'multipart/form-data' to work

I’ve spent a few hours today trying to get a post request to work with a few parameters and a file that I need to upload.

I was able to make it work with pure javascript and XMLHttpRequest but it doesn’t work with Axios. What am I doing wrong?

Here’s the code that works using XMLHttpRequest:

let data = new FormData();

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

// this works
let request = new XMLHttpRequest();
request.open('POST', url);
request.send(data);

What would be the ‘Axios’ version of that?

Here’s one of my tries (the simple one):

// this won't work
const config = { headers: { 'Content-Type': 'multipart/form-data' } };
    axios.post(url, data, config)
    .then(response => console.log(response))
    .catch(errors => console.log(errors));

Thank you! And thanks for your great work with Axios!

[nickuraltsev]

@rafaelbiten I’ve just tried to reproduce the issue but to no avail. I used the following code:

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

The data was successfully sent to the server:

[ghost]

Two years latter: Same problem…