I am uploading file in react using axios. when I am doing

alert(values.attachedFile[0]);

but when I am sending values.attachedFile[0] in axios post request enpty thing is going.

  const { result } = await axios.post(app.resourceServerUrl + '/file/upload', {
        data: values.attachedFile[0],
        headers: {
            'Content-Type': 'multipart/form-data',
        },
    });

but as part of request is is going empty.

what mistake I am doing?

I am uploading file in react using axios. when I am doing

alert(values.attachedFile[0]);

but when I am sending values.attachedFile[0] in axios post request enpty thing is going.

  const { result } = await axios.post(app.resourceServerUrl + '/file/upload', {
        data: values.attachedFile[0],
        headers: {
            'Content-Type': 'multipart/form-data',
        },
    });

but as part of request is is going empty.

what mistake I am doing?

• javascript
• reactjs
• api
• axios
• nestjs

• Show source code of nest.js controller who manage the route file/upload – Fiodorov Andrei Commented Feb 15, 2022 at 8:14

1 Answer 1

To upload file with axios you need to use FormData:

const formData = new FormData();

// ...

formData.append("data", values.attachedFile[0]);
axios.post(app.resourceServerUrl + '/file/upload', formData, {
    headers: {
      'Content-Type': 'multipart/form-data'
    }
})