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

希望這會有所幫助。快樂編碼！