Angular 2 - 發送文件作爲表單數據的一部分

Question

有誰知道如何使用Angular 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); 

，並將其發送FORMDATA到HTTP請求

Answer 2

發送使用authHttp文件可以像做這個：

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