如何上传HTML文件并通过POST API发送

Question

我是Angular 6的新手。我有一个要求，我需要上传HTML文件并通过POST API发送。

下面是我一直在尝试的代码。

HTML

<div class="col-lg-6 col-md-6 col-sm-6">
   <label class="control-label col-lg-4" >Choose File</label>
      <div class="col-lg-8">
         <input type="file" formControlName="selectedFileVal (change)="selectFile($event)">
      </div>
</div>

.TS

// ==================== To upload files.. ====================

  selectFile(event) {
    this.selectedFiles = event.target.files[0];

    console.log("this.selectedFiles",this.selectedFiles);
  }

// ====================要上传文件。.=====================

Submit(){

  const userValue = JSON.parse(localStorage.getItem('loginDetails'));

  let details = {
    "file": this.selectedFiles,
    "ProjectName": this.form.controls.projectName.value,
    "MasterProjectId": this.form.controls.masterProject.value,
    "Status": this.form.controls.office365Status.value,
    "CreatedBy": userValue.TenantUserId,
    "isEdit": false,
    "OfficeAssessmentId": 0,
    "ModifiedBy": userValue.TenantUserId,
    "AssessmentName": this.form.controls.assessmentName.value,
  };



  console.log("details ",details );

}

我正在selectFile中获取文件（在上载时），但是在将（详细信息）发送到POST API时却无法获取文件。

有人可以指导我我在做什么错吗？