AngularJSで、multipart/relatedを使用する方法1つのリクエストでJSONオブジェクトとファイルをPOSTする

Question

Content-Type：multipart/relatedを使用して、同じ要求のJSONオブジェクトとFileを含むPOST要求を送信する必要があります。私はContent-Type：multipart/form-dataを使うことができましたが、Content-Type：multipart/relatedを要求します。

サンプルリクエストは、次のようになります。

のContent-Type：マルチパート/関連;境界= Example_boundary_37464 のContent-Length：2001 ... --Example_boundary_37464 のContent-Type：アプリケーション/ JSON コンテンツ概要：JSON

{ "名"： "Test123"、 "ファーストネーム"： "TestFirstName"、 "姓"： "TestLastName" }

--Example_boundary_37464 のContent-Type：アプリケーション/ PDF コンテンツ転送 - エンコード：base64で コンテンツ概要：ドキュメント

VGhlIFBsZWRnZSBvZiBBbGxlZ2lhbmNlIHRvIHRoZSBGbGFnOiCTSSBwbGVkZ2UgYWxsZWdpYW5j ZSB0byB0aGUgRmxhZyBvZiB0aGUgVW5pdGVkIFN0YXRlcyBvZiBBbWVyaWNhLCBhbmQgdG8gdGhl

--Example_boundary_37464

任意の助けいただければ幸いです。

Answer 1

あなたがFormDataを使用する必要があるファイルをアップロードし、それにファイルやデータを追加する この例

var formData= new FormData(); 
formData.append('file', file); 
formdata.append('json', JSON.stringify(jsonVariable)); 
... 
$http.post(uploadUrl, formData, { 
     transformRequest: angular.identity, 
     headers: {'Content-Type': undefined} 
}) 
    .success(function(){ 
}) 
    .error(function(){ 
}); 

Doc