javascript - Axios 发布表单数据在 native react 中无法正常工作

Question

我需要在 react-native 中将图像和一些细节作为表单数据发送

为此，我使用了 axios post 方法。

这是我的代码:

const formData = new FormData();

formData.append('taskId', taskId);
formData.append('taskName', taskName);
formData.append('projectId', projectId);
formData.append('projectName', projectName);
formData.append('media', media);

const res = await Axios.post(`${URL}`, formData, {
  headers: {
    Authorization: `Bearer ${token}`,
    'Content-Type': 'multipart/form-data',
  },
});

我的服务器正在获取空的媒体文件..任何人都可以知道我在这里做错了什么!？

这是我的请求 header :

附言:我。已经对 postman 进行了测试，并且在他们的网站上工作正常

Answer 1

我认为问题在于您正在尝试将 media 作为 json 对象发送。有两种方法可以解决这个问题。

<强>1。提交前对媒体进行字符串化

    const formData = new FormData();
    formData.append('media', JSON.stringify(media));

您可能还需要对后端进行必要的更改以处理此问题。

<强>2。将媒体对象拆分为单独的字段

您提到 media 对象有名称和文件，因此您可以这样做。

    const formData = new FormData();
    formData.append('mediaName', media.name);
    formData.append('media', media.file);

请注意，在第二个示例中，我假设了 media 对象的属性。

我认为对于您的用例，第二种解决方案的某些变体是首选，因为它已经在 postman 上运行。