Angular2でサーバーにデータを投稿する方法は？

Question

onChange(event) { 
    var image = event.srcElement.files; 
    console.log(image); 

マイコンソール値は、私は私のポストデータとしてサーバーに送信する必要がありますどのような

FileList {0: File, length: 1} 

のですか？以下のような

Answer 1

何か：

return this.http 
     .post(this.heroesUrl, JSON.stringify({name: name}), {headers: this.headers}) 
     .toPromise() 
     .then(res => res.json().data) 
     .catch(this.handleError); 

は完璧です、あなたはhttps://angular.io/docs/ts/latest/tutorial/toh-pt6.html

Answer 2

であなたが必要なすべてを持っている私はあなたがそれがavailable only of file input fieldsあるfilesプロパティのアクセスしているので、event.srcElementが実際<input type="file">であると仮定します。

Angular2 Httpサービスは現在のところストリング本体でのみ動作します。多くのことを単純化するFormDataもサポートする未解決の問題があります。

feat(http): Support many types of body on Request/Response and all ConnectionBackend implementationsを参照してください。

現在、生のXMLHttpRequestオブジェクトをNgZoneでラップして、FormDataというPOSTデータを送信することができます。詳細情報については

onChange(event) { 
    var image = event.srcElement.files[0]; 
    var reader = new FileReader(); 
    reader.onload = (evt) => { 
     // Print base64 encoded file content 
     console.log(evt.target.result); 
     // Send data to server 
     this.http.post(url, evt.target.result)... 
    } 
    reader.readAsDataURL(image); 
} 

は、以下を参照してください：

• How do you POST a FormData object in Angular 2?
• Reading file contents on the client-side in javascript in various browsers
• http://www.w3schools.com/ajax/ajax_xmlhttprequest_create.asp

  しかし、あなたのために多分簡単に解決策は、base64エンコードされた文字列としてファイルを送信することです