轴。如何使用axios上传图片到Node.js

Question

我之前使用 ApiSauce 通过 Multer 将清单从 React Native 应用程序发布到 Node.js，现在我已迁移到 Axios，除了上传图像部分之外，一切都很顺利。

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

Answer 1

您可以尝试删除所有内容类型。对于多部分边界错误，

请尝试像此其余部分由 multer 处理

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