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

Question

我正在开发基于GRAILS-ReactJs的项目，该项目涉及需要在一次POST调用中发送RESUME和JSON数据的场景。 但是，我能够在一次调用中发送文件，但是我得到的数据为空。 我在我的服务器端使用Grails-3并接收POST请求作为多部分文件。我希望将JSON和Multipart文件对象合并到一个对象中以发送到服务器，并且希望在服务器端接收文件和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 
    }) 
} 

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