2016-06-16 24 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()); 
     } 
    ); 
    } 

在行:控制檯。日誌( 「文件上傳」); 。它打印出:

inputFile:null 

name: "asdasdasdasd" 

這意味着我不能趕上值提交我的服務器上。如何捕捉它?感謝幫助 !

+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

,以便通過表單標籤發送文件嗨,你必須有屬性

ENCTYPE = "multipart/form-data" 

在表單標籤

這反過來幫助你在上傳文件

+0

那麼如何幫助提交文件數據呢?這是使用角度2+,表單不正常提交。 – Tiedye

相關問題