在 Angular 7 中下载图像和 pdf答案

【问题标题】：Download image and pdf in Angular 7在 Angular 7 中下载图像和 pdf
【发布时间】：2019-04-04 02:23:51
【问题描述】：

我需要下载一个文件，可能是图像或 pdf。为此，我编写了以下代码。

<a href="https://localhost:44344/UploadedFiles/IMG_20190314_205925_3be1d2b3-3bac-4184-8468-995d58d5ff80.jpg">Downlod image</a>

和

<a [routerLink]="https://localhost:44344/UploadedFiles/IMG_20190314_205925_3be1d2b3-3bac-4184-8468-995d58d5ff80.jpg">Downlod image</a>

两者都在同一个标签中打开图像，但不是直接下载。我在 google、youtube 等上没有找到任何对此的支持。

我该怎么做？

【问题讨论】：

href image link download on click的可能重复
@jonrsharpe - 它不工作。我想下载任何类型的文件，无论是图像还是 pdf。不只是图像。帮我解决这个问题。不要对我的问题投反对票。您可以在 Angular 7 中尝试此操作，给定链接中的技巧不起作用。
@jonrsharpe - 我的问题不是重复的，我已经明确提到“Angular 7”。
为什么您认为使用 Angular、7 或其他方式很重要？您描述的行为与手写 HTML 相同，可以将相同的修复应用于您的模板。具体是什么“不起作用” - 您是否尝试过与您发布的内容不同的东西？
@jonrsharpe - 当然是的，我试过了，但行为是一样的，它是在同一个选项卡中打开而不是下载。

【解决方案1】：

您对两个标签使用的行为是相同的，而不是下载它会打开链接。

【讨论】：