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

Posted 2023-02-22

【中文标题】ReactJS：无法在一次 POST 调用中发送 JSON 数据和 PDF 文件

【英文标题】：ReactJS: Unable to send JSON data and PDF file in one POST call

【发布时间】：2017-12-12 11:39:18

【问题描述】：

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

【参考方案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
  )

希望这会有所帮助。快乐编码！