在新选项卡中打开 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