amazon-s3 - 如何使用 React Native 发布或放置原始二进制文件

Question

我需要将图像文件从 React Native 应用程序放入预配置的 s3 上传 URL。我看到了一个 fetch 的示例，它通过路径将图像作为二进制文件上传，但它是以多部分表单上传的方式进行的。因为 s3 上传 url 只能将其作为正文中的原始二进制文件 - 而不是多部分的内容类型，所以使用 fetch 或 React Native 中的任何其他库将原始二进制图像作为正文的语法是什么？

以下代码将其作为表单数据上传 - 这不是我想要做的。

          var photo = {
            uri: response.uri,
            name: fileName,
          };
          const body = new FormData();  // how can I do this not as a form?
          body.append('photo', photo);
          const results = await fetch('https://somes3uploadurl.com, {
            method: 'PUT',
            body,
          });

Answer 1

事实证明，您可以通过多种方式发送文件，包括 base64 和作为 Buffer。

使用react-native-fs和 buffer :

以 base64 格式上传可以正常工作，但图像不知何故损坏了。所以我使用缓冲区上传:

export const uploadToAws = async (signedRequest, file) => {
  const base64 = await fs.readFile(file.uri, 'base64')
  const buffer = Buffer.from(base64, 'base64')
  return fetch(signedRequest, {
    method: 'PUT',
    headers: {
    'Content-Type': 'image/jpeg; charset=utf-8',
    'x-amz-acl': 'public-read',
   },
    body: buffer,
  })
}

请注意，在服务器上，您需要确保设置正确的 Content-Type: { ContentType: "image/jpeg; charset=utf-8", 'x-amz-acl': ' public-read' } 因为 fetch 似乎将字符集添加到 Content-Type 中。