Angular 10文件下载

import { HttpClientModule } from '@angular/common/http';

@NgModule({
  imports: [
    HttpClientModule
  ],
  ...
})
export class AppModule { }

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

export class MyComponent {
  constructor(private http: HttpClient) { }

  downloadFile() {
    const url = 'http://example.com/file.pdf'; // 替换为实际文件的URL

    this.http.get(url, { responseType: 'blob' }).subscribe((data: Blob) => {
      const downloadUrl = window.URL.createObjectURL(data);
      const link = document.createElement('a');
      link.href = downloadUrl;
      link.download = 'file.pdf'; // 替换为实际文件名
      link.click();
      window.URL.revokeObjectURL(downloadUrl);
    });
  }
}

<button (click)="downloadFile()">下载文件</button>