json - ReactJS:无法在一次 POST 调用中发送 JSON 数据和 PDF 文件

Question

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

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
  })
}

希望这对您有所帮助。快乐编码!