Axios. How to upload images with Axios to Node.js

Question

I was previously using ApiSauce to post listings from React Native App to Node.js with Multer, and now I have migrated to Axios everything went fine except for the uploading images part.

export const add = (listing, onUploadProgress) => {
const data = new FormData();
data.append('title', listing.title);
data.append('price', listing.price);
data.append('categoryId', listing.category.value);
data.append('description', listing.description);

data.append('userId', listing.userId);

listing.images.forEach((image, index) =>
    data.append('images', {
        name: 'image' + index,
        type: 'image/jpeg',
        uri: image,
    }),
);

if (listing.location)
    data.append('location', JSON.stringify(listing.location));

return client.post(endpoint, data, {
    onUploadProgress: (progress) =>
        onUploadProgress(progress.loaded / progress.total),
        
});
};

https://stackoverflow.com/questions/39663961/how-do-you-send-images-to-node-js-with-axios — sonu sharma, Mar 03 '22 at 12:20
you can check [this](https://stackoverflow.com/questions/49692745/express-using-multer-error-multipart-boundary-not-found-request-sent-by-pos). — Apoorva Chikara, Mar 03 '22 at 12:40
Does this answer your question? [How do you send images to node js with Axios?](https://stackoverflow.com/questions/39663961/how-do-you-send-images-to-node-js-with-axios) — Mukesh Maurya, Mar 03 '22 at 13:03
iOS expo bare work flow. but I had no problem with `ApiSauce` — Faizan Pasha, Mar 03 '22 at 13:28

score 0 · Answer 1 · answered Mar 04 '22 at 14:43

you can try to remove all content type. for multipart boundary error

try like this rest is handled by multer

axios.post(`${subURL}/upload-avatar`, formData, { headers: { "Authorization": jwt } })
        .then(response => {
            return response.data
        })
        .catch(err => {
            throw err
        })

Axios. How to upload images with Axios to Node.js

1 Answers1