Javascript Can'；t使用axios从react视图发送多部分/表单数据

如何将多部分/表单数据从javascript视图发送到rails控制器

我正在尝试使表单能够将文件（图像）发送到我的后端控制器，因此我在Axios调用的标题中添加了以下内容：

 axios.defaults.headers.common['Content-Type'] = 'multipart/form-data';

我将其添加到我的功能组件中，检查我看到的网络：

Content-Type: application/json;charset=UTF-8

控制器中接收到的参数为空（对于文件）

---

我有：

  const handlePhoto = (e) => {
    const image = new FormData();
    image.append('photo', e.target.files[0]);
    console.log("inside habdlephoto", image.get('photo'))
    const dataSend = Object.assign({} ,data, image.get('photo'));
    setData(dataSend)
  }

我用在

                      <Input
                        type="file"
                        innerRef={register}
                        name="photo"
                        onChange={handlePhoto}
                        multiple={true}
                      />

---

您似乎没有为请求正确设置标题

尝试通过以下方式设置

标题

：

const formData=new formData（）；
formData.append（'file'，file）
常量配置={
标题：{
“内容类型”：“多部分/表单数据”
}
}
post（url、formData、config）

仍然不起作用，但标题这次确实会更新，我将用我现在拥有的更新

    const config = {
      headers: {
          'content-type': 'multipart/form-data'
      }
   }

    axios
    .post("../../../api/v1/products/create.json", { product: {...data, ...dataRegister} }, config )