Методы загрузки файлов по нажатию кнопки в Angular 8

Чтобы загрузить файл при нажатии кнопки в Angular 8, вы можете использовать следующие методы:

Метод 1: использование window.open()

public downloadFile() {
  const fileUrl = 'URL_OF_THE_FILE';
  window.open(fileUrl, '_blank');
}

Метод 2. Использование тега привязки

<a href="URL_OF_THE_FILE" download>Download File</a>

Метод 3: использование HttpClientи saveAs()из библиотеки file-saver

import { HttpClient } from '@angular/common/http';
import { saveAs } from 'file-saver';
public constructor(private http: HttpClient) { }
public downloadFile() {
  const fileUrl = 'URL_OF_THE_FILE';
  this.http.get(fileUrl, { responseType: 'blob' }).subscribe(response => {
    saveAs(response, 'filename.extension');
  });
}

Метод 4: использование библиотеки ngx-filesaver
Установите библиотеку с помощью npm: npm install ngx-filesaver

import { FileSaverService } from 'ngx-filesaver';
public constructor(private fileSaverService: FileSaverService) { }
public downloadFile() {
  const fileUrl = 'URL_OF_THE_FILE';
  this.fileSaverService.saveUrl(fileUrl, 'filename.extension');
}