Angular 2中的文件上传控制

import { HttpClient, HttpHeaders } from '@angular/common/http';

constructor(private http: HttpClient) { }

uploadFile(file: File) {
  const formData = new FormData();
  formData.append('file', file);

  const headers = new HttpHeaders();
  headers.append('Content-Type', 'multipart/form-data');

  this.http.post('上传文件的API地址', formData, { headers: headers })
    .subscribe(response => {
      // 处理上传成功后的逻辑
    }, error => {
      // 处理上传失败后的逻辑
    });
}

<input type="file" (change)="onFileSelected($event.target.files)">
<button (click)="upload()">上传</button>

selectedFile: File;

onFileSelected(files: FileList) {
  this.selectedFile = files.item(0);
}

upload() {
  if (this.selectedFile) {
    this.uploadFile(this.selectedFile);
  }
}