将excel模板文件下载到angular6浏览器中

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

@Component({
  selector: 'app-excel-template-download',
  template: `
    <button (click)="downloadExcelTemplate()">下载Excel模板</button>
  `,
  styles: [
    `
    button {
      padding: 10px 20px;
      background-color: #007bff;
      color: #fff;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }
    `
  ]
})
export class ExcelTemplateDownloadComponent {
  constructor(private http: HttpClient) {}

  downloadExcelTemplate() {
    const excelTemplateUrl = 'http://example.com/excel-template.xlsx'; // 替换为实际的Excel模板文件URL

    this.http.get(excelTemplateUrl, { responseType: 'blob' }).subscribe(response => {
      const blob = new Blob([response], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
      const url = URL.createObjectURL(blob);

      const a = document.createElement('a');
      a.href = url;
      a.download = 'excel-template.xlsx'; // 替换为实际的Excel模板文件名称
      document.body.appendChild(a);
      a.click();

      URL.revokeObjectURL(url);
      document.body.removeChild(a);
    });
  }
}