react-native - fetch 发送 [object Object] 而不是 File 对象

Question

我正在使用 Expo和它的 ImagePicker从图库中抓取图像。它返回 uri和 base64 .

现在我想在 multipart/form-data 中上传图像要求。

问题是服务器只接受File而下面的代码发送 [object Object]反而。

Image of the request

const formData = new FormData();

const data = {
  jwt,
};

formData.append('message', JSON.stringify(data));

formData.append('avatar', {
  uri: avatar,
  type: 'image/png',
  name: 'avatar.png'
});

fetch(url, {
  method: 'POST',
  body: formData,
  headers: {
    Accept: 'application/json',
  },
})

由于我使用的是 Expo，因此我仅限于它支持的库。同时添加 Content-Type header 根本不起作用，服务器甚至无法识别该消息。

Answer 1

如果您看到该文件被发送为 [object object]在您的请求参数中，这可能有两个原因:

1) 您发送的文件 不是 一个文件或不是一个文件对象。

一个 FormData 应该收到一个 File或 Blob对象以便根据请求发送。请注意，您的对象上有正确的键，并且它是文件或 Blob。

2) 如前所述，它可能是 Content-Type不应设置的 header