如何在 reactjs 中使用 axios 发送嵌套图像答案

【问题标题】：How to send nested image using axios in reactjs如何在 reactjs 中使用 axios 发送嵌套图像
【发布时间】：2021-01-14 17:31:09
【问题描述】：

如何在 reactjs 中使用 axios 发布这种类型的图片值：

{
 "key1":value1,
 "key2":value2,
 "key3":{ "image":imagevalue,
          "key":value}
 }

【问题讨论】：

【解决方案1】：

我只使用 fetch 完成了这项工作，但我认为原理大致相同。当您想要发送包含 JSON 键和文件（如图像）的 POST 请求时，您需要将其作为 formData 发送。对于具有几个键的单个文件，它看起来像：

var formData = new FormData();
formData.append("file[]", file);
formData.append("info", JSON.stringify({ key1: '...', key2: '...' }));

您很可能需要在继续请求之前设置您的标头：

var headers = new Headers();
headers.append('Content-Type', 'multipart/form-data; boundary=something');

在此之后，您将准备好发送您的请求，如下所示：

{
      method: "POST",
      headers
      body: formData,
      redirect: "follow",
    }

【讨论】：