Angular 5如何使用点击按钮上传文件

Question

我的方案是我需要点击按钮上传文件。下面是我写的模板代码：

<form id="frm-file" novalidate method="post"  enctype="multipart/form-data" style="display: none">
  <input type="file" accept=".xlsx, .xls, .csv" #file (change)="uploadFile($event)">
</form>
<button (click)="file.click()"> upload file</button>

下面的

是相同的组件代码：

uploadFile($event){
console.log($event.target.files)    

//here I need to send a file in body
this.http.post('http://localhost:8080/rest/file/upload', {}, {
    headers: new HttpHeaders().set('Content-Type', 'multipart/form-data'),
  }).subscribe(data => {
       this.logger.log(data)
  });
}

如何在组件功能中进行multipart/form-dat调用？我应该使用查看孩子发送表格吗？我不知道在这种情况下我应该怎么做才能上传文件。