在 AWS S3 上上传图像时出错 - 使用 Axios 和 React-Native

Question

我正在尝试使用预签名 URL 从我的移动应用程序（使用 React-Native）在 ​​AWS S3 上上传图像。我正在使用 axios 发送请求。 问题是，即使我的图像上传到 AWS，如果我下载它并尝试打开它，它也会说它已损坏。我尝试用 Photoshop 打开它，它可以工作：/

创建表单数据：

const createFormData = (photo) => {
    const data = new FormData();
    data.append('image', {
        name: photo.fileName, // a name
        type: photo.type, // image/jpg
        uri: photo.uri, // the uri starting with file://....
    });

    return data;
};

我的 PUT 请求：

const formData = createFormData(responseImage)
axios({
method: "put",
   url: awsURL.data.url_thumbnail,
   data: formData,
   headers: { "Content-Type": "multipart/form-data" },
})

Answer 1

这不是它的工作原理。

headers: { "Content-Type": "multipart/form-data" }

内容类型multipart/form-data 还包含一个名为boundary 的字段，由分隔符分隔。您可以获取更多详细信息here。文章有详细的边界格式。

另一个example 也一样。

希望对你有帮助！

PS：我现在找不到一些与解析多部分/表单数据的数据相关的文章，其中解释了如何在上传之前解析数据，以免数据损坏。