Question

我有一个网址，例如：abc.net/files/test.ino 要求是通过角度为5或6的按钮单击事件下载.INO文件。

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

您可以创建一个定位标记，以在按钮单击事件中下载文件

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>

Answer 3

如果您需要直接下载而不打开文件，那么如果使用这些浏览器，则必须在chrome / opera中设置设置，

设置-> 高级-> 隐私权和安全性-> 内容设置-> PDF文件，您会看到“下载PDF文件而不是在Chrome中自动打开它们” 启用。

之后，将以下代码放入HTML文件中，

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

在angular5 / 6中单击按钮时如何从URL下载文件

3 个答案: