Чтобы загрузить файл при нажатии кнопки в 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');
}