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