Question

有没有办法使用TypeScrpit下载（已加载的）图像

<div *ngIf="DisplayAttachmentImage" class="fixed-window-wrapper_dark">
        <button class="btn btn-close-window" (wslClick)="HideAttachmentImage()">
            <i class="evicon-cross"></i>
        </button>
        <div>
            <img id="testImg" src='{{ImageSource}}' alt="">
        </div>
    </div>

ImageSource属性在我的组件中定义，我试图编写一个可以下载图像的函数，因为我们已经知道了它的来源。

现在我知道用户可以右键单击图像并保存，但我试图找出如何使用Angular 2下载文件

例如，我们说我有这个方法

   public GetAttachment(event: any, id: number) {
        this.service.GetVisaAttachment(this.IndividualId, id).subscribe((res: any) => {
          // download code should be here... I think
        });
    }

如何从后端下载文件（res）。如何从网页下载图像（如上所述）

Answer 1

因为你说'来自后端'，它取决于后端 - 基本上响应应包含一个标题，如'Content-Disposition：attachment'（以及文件名，请参阅https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Disposition）

根据后端的不同，您可能会有一个查询参数（或路由或其他）影响是否发送标头。然后，您需要做的就是导航到图像URL，浏览器将下载它。

通过Angular 2下载文件

1 个答案: