如何在Angular 2

时间:2016-06-16 04:49:55

标签: angular typescript

media.html

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

排队:console.log(“fileUpload”); 。打印出来:

inputFile:null

name: "asdasdasdasd"

这意味着我无法抓住 的价值在我的服务器上提交。如何抓住它?谢谢你的帮助!

1 个答案:

答案 0 :(得分:2)

嗨,要通过表单标记发送文件,您必须具有属性

ENCTYPE = "multipart/form-data"
表单标签中的

反过来帮助您上传文件