Как скачать файл с URL при нажатии кнопки в angular5 / 6

Question

У меня есть URL для ex: abc.net/files/test.ino. Требуется загрузить файл .INO через событие нажатия кнопки в угловых 5 или 6

.

Answer 1

Вы можете сделать кнопку похожей на элемент привязки через html, например:

<a href="abc.net/files/test.ino">download</a>

Вы также можете попробовать создать динамический якорный элемент:

let link = document.createElement('a');
link.setAttribute('type', 'hidden');
link.href = 'abc.net/files/test.ino';
link.download = path;
document.body.appendChild(link);
link.click();
link.remove();

Answer 2

Если вам нужна прямая загрузка без открытия файла, то вам нужно установить настройки в Chrome / Opera, если вы используете эти браузеры,

Настройка -> Дополнительно -> Конфиденциальность и безопасность -> Настройка содержимого -> Документы PDF , вы видите «Загрузить файлы PDF вместо их автоматического открытия в Chrome» Включите it.

После этого поместите ниже код в ваш HTML-файл,

<a [href]="fileURL" target="_blank" class="btn btn-border" download="fileName.pdf">Download</a>

Answer 3

вы можете создать якорный тег для загрузки файла при событии нажатия кнопки

downloadMyFile(){
    const link = document.createElement('a');
    link.setAttribute('target', '_blank');
    link.setAttribute('href', 'abc.net/files/test.ino');
    link.setAttribute('download', `products.csv`);
    document.body.appendChild(link);
    link.click();
    link.remove();
}

теперь вызывайте эту функцию с вашей кнопки

<button (click)="downloadMyFile()">download File<button>