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

Question

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

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

Answer 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",
    }