在Angular 7中下载图像和pdf

Question

我需要下载文件，可能是图像还是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等上找不到对此的任何支持。

我该怎么办？

Answer 1

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

请使用blob对象下载图像，请参见下面给出的此链接中的示例：- https://www.google.com/amp/s/blog.mikehodnick.com/angular-download-image-blob-and-bind-to-img/amp/