在新选项卡中打开PDF文件角4？

Question

我尝试使用window.open()打开PDF文件,但窗口会自动打开和关闭,文件会像任何其他文件一样下载.如何在新标签页中打开PDF文件？FYI没有安装广告拦截器

Answer 1

感谢您的答复.

从@barbsan的想法,我改变了http标题并收到了一个blob并使用它来使用window.open()将blob显示为pdf.有效.

这是我的示例代码.

在服务文件中

downloadPDF(url): any {
    const options = { responseType: ResponseContentType.Blob  };
    return this.http.get(url, options).map(
    (res) => {
        return new Blob([res.blob()], { type: 'application/pdf' });
    });
  }

在组件文件中

this.dataService.downloadPDF(url).subscribe(res => {
  const fileURL = URL.createObjectURL(res);
  window.open(fileURL, '_blank');
});

Answer 2

在新选项卡中打开 pdf 文件的一种班轮解决方案。您只需要拥有文件 url 并在单击按钮时使用此功能。

window.open(url, '_blank');