ReactJS:无法在一次POST调用中发送JSON数据和

Question

我正在从事基于GRAILS-ReactJs的项目，其中涉及一个场景，我需要发送简历和JSON数据在一个POST调用。但是，我可以在一次调用中发送文件，但我得到的数据为空。我在服务器端使用Grails-3，并以多部分文件的形式接收POST请求。我希望将JSON和多部分文件对象组合在一个对象中，以便发送到服务器，并希望在服务器端同时接收文件和JSON数据。我已经尝试更改标题的内容类型，但ut不起作用。

Answer 1

您不能将JSON数据与文件或任何其他附件一起发布。您可以将其作为表单数据发布到后端。表单数据以多部分数据的形式传递给具有相关边界的服务器。这里有一个示例代码供您参考。您可以将json数据与formData一起作为键、值对进行传递。

export function postAttachment (fileData, fileName) {
  let formData = new FormData()
  formData.append('prop1', 'value1')
  formData.append('prop2', 'value2')
  formData.append('upload', fileData, fileName)
  return fetch('/your/endpoint', {
    headers: {
      'Accept': 'application/json',
      'header1': 'headerValue1'
    },
    method: 'POST',
    body: formData
  })
}

希望这能有所帮助。祝你编码愉快！