angular - angular8でIformFileのアップロードデータを渡す方法

Question

ファイルをアップロードして API ヒットにデータを送信しています。アプリケーションからこれを実行すると、ファイルの詳細は null になりますが、郵便配達員を実行すると機能し、API で作成されたフォルダーにファイルが保存されます。どこが間違っているのかわかりません。できるすべての方法を試しました。

HTML:

 <div class="custom-file" (click)="fileInput.click()" appDragDrop (onFileDropped)="uploadFile($event.target.files)">
                <input hidden type="file" #fileInput (change)="uploadFile($event.target.files)" class="custom-file-input" id="uploadFile" formControlName="uploadFile">
              </div>

Ts:

uploadFile (files: FileList) {
    this.files = files.item(0);
    this.agentViewDetailsService.uploadFile(this.files).subscribe(data => {
      console.log(data,"upload")
      }, error => {
        console.log(error);
      });
  }

サービス：

 uploadFile(file) {
    const formData: FormData = new FormData();
    formData.append('fileName',  file.name);
    formData.append('file', file);
    formData.append('status', '1')
    const headers = new HttpHeaders().append('Content-Disposition', 'mulipart/form-data');
  console.log(formData)
    return this.http.post(`${user.w9FileUpload}`, formData,{headers: headers})
  }

助けてください、私はここで完全に立ち往生しており、どこが間違っているのかわかりません

デモ