ReactJS：1回のPOSTコールでJSONデータとPDFファイルを送信できません

Question

GRAILS-ReactJsベースのプロジェクトでは、1回のPOST呼び出しでRESUMEとJSONデータを送信する必要があります。 しかし、1回の呼び出しでファイルを送信できますが、取得するデータはnullです。 私のサーバー側でGrails-3を使用していて、マルチパートファイルとしてPOST要求を受信して​​います。 JSONとMultipartの両方のファイルオブジェクトを1つのオブジェクトに結合してサーバーに送信し、サーバー側でファイルとJSONデータの両方を受信したいとします。 ヘッダーのコンテンツタイプを変更しようとしましたが、utは機能しません。

Answer 1

ファイルやその他の添付ファイルとともにJSONデータを投稿することはできません。フォームデータとしてバックエンドに投稿することができます。フォームデータは、複数の部分から成るデータとして、関連する境界でサーバーに渡されます。参照用のサンプルコードは次のとおりです。 jsonデータとformDataをkey、valueのペアとして渡すことができます。

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

これが役立ちます。ハッピーコーディング！