2016-06-16 11 views
1

media.htmlで含まフォーム提出する方法の<input type = "ファイルを" />角度2

<form #form="ngForm" (ngSubmit)="uploadFile(form.value)"> 
    <input type="file" ngControl="inputFile" /> 
    <input type="text" ngControl="name"/> 
    <button type="submit" >Upload</button> 
</form> 

media.tsラインで

uploadFile(fileUpload){ 
    console.log(fileUpload); // this 
    this.mediaService.addMedia(fileUpload).subscribe((r)=> { 
     console.log(r); 
     }, 
     (error) => { 
     console.log(error.text()); 
     } 
    ); 
    } 

:コンソール。 log( "fileUpload"); 。

inputFile:null 

name: "asdasdasdasd" 

は、この私は自分のサーバー上で提出するの値をキャッチすることができないことを意味する:それはそれをプリントアウト。どのようにそれをキャッチする?手伝ってくれてありがとう ! formタグ

+0

のアップロードでHTTPのDUPのようになります/ /stackoverflow.com/questions/36383297/angular-2-model-driven-form-with-input-file-file-uploadまたはhttp://stackoverflow.com/questions/35399617/angular-2-file-upload-from -input-type-file –

+0

入力形式ファイルを送信する唯一の方法であるマルチパート要求を使用する必要があります – mayur

答えて

2

ハイテクformタグを通じてファイルを送信するためにあなたが属性を持っている必要があります

ENCTYPE = "multipart/form-data" 

ターンヘルプのあなたのファイル

+0

これは、ファイルデータの送信にどのように役立ちますか?これは角度2+を使用しているため、フォームは正常に送信されません。 – Tiedye

関連する問題