Angular上传文件

实现原理：input输入框type=“file”，使用angular自带框架formData

html：

<input style="width: 100%; position: absolute;z-index: 99;opacity: 0; cursor: pointer" id="file" type="file" name="inputfile" placeholder="value" nz-input (change)="handleChange($event)" />
<div class="download">
    <button nz-button nzType="default">
        <i nz-icon nzType="download"></i>
           请选择
    </button>
    <div>{{this.textFile ===""?"暂无任何文件":this.textFile}}</div>
 </div>

ts：

handleChange(e): void {
    // console.log(e.target.files[0]);
    this.textFile =e.target.files[0].name
    this.file = e.target.files[0];
    this.typed = e.target.files[0].type
    this.FileWord()
  }
FileWord(){
    const formData = new FormData();
    formData.append('file', this.file);
    formData.append('project_id',this.projectId);
    // formData.append('type',this.typed);
    this.caseService.FileWord(formData).subscribe(
      (resp)=>{
        this.typefro = resp.data.id
        this.filename = resp.data.filename
      }
    )
  }