angular - 在新选项卡中打开 PDF 并在 Angular 中使用文件名下载

Question

在 Angular 中，我需要在新选项卡中打开一个 PDF 并允许用户使用特定名称(Example.pdf)下载它。下面的代码会下载 PDF，但不会打开新选项卡(target=_blank 不起作用)。任何想法如何解决这一问题？

show(blob){
    var fileURL: any = URL.createObjectURL(blob);
    var a = document.createElement("a");
    a.href = fileURL;
    a.target = '_blank';
    a.download = "Example.pdf";
    a.click();
}

Answer 1

如果您想打开 PDF，请不要设置下载属性。在新标签中。

  public show(blob){
    var fileURL: any = URL.createObjectURL(blob);
    var a = document.createElement("a");
    a.href = fileURL;
    a.target = '_blank';
    // Don't set download attribute
    // a.download = "Example.pdf";
    a.click();
}

但是，在新选项卡中，当用户尝试下载文件时，用户将看到随机字符串而不是文件名。
此处解释: https://stackoverflow.com/a/41947861/5171009