角2 - フォームデータの一部としてファイルを送信

Question

角2のAuthHttp（angular2-jwt）サービスを使用して、フォームデータの一部として画像（ファイル）を送信する方法を知っている人はいますか？

Answer 1

あなたがそのファイル情報のオブジェクトを作成し、オーバー送ることができます。httpリクエスト

同様：

var formData = new FormData(document.getElementById("formName")); 
     for(var i=0;i<obj.length;i++){ 
      formData.append("file["+i+"]",obj.fileModel[i]); 
     } 

    formData.append("title",title); 
    formData.append("xyz",xyz); 

、HTTP要求

Answer 2

authHttpを使用してファイルを送信するには、このFORMDATAを送っは次のように行うことができますこれは：

let file = new File([blobData], "filename.png"); 
const url = 'https://example.com/upload'; 

let formData:FormData = new FormData(); 
formData.append('file', file, file.name); 

this.authHttp.put(url, formData) 
     .catch(this.handleError);