Question

我在尝试在html页面中查看pdf文件时遇到问题。这是我的Angular代码来检索文件：

服务：

recoverDocument(id: Number): Observable<any> {
    return this.http
      .get(`url`, { responseType: ResponseContentType.Blob } )
      .map(response => response.blob());
  }

组件：

 recoverPDFDocument(){
    this.documentService.recoverDocument(this.id)
      .subscribe(response => {
        let url = window.URL.createObjectURL(response);
        this.documentPDF = this.sanitizer.bypassSecurityTrustResourceUrl(url);
      });
  }

HTML：

<object height="500px" width="100%" type="application/pdf" [attr.data]="documentPDF">
      Couldn't open PDF File.
 </object>

我的档案不会渲染。我的控制台中没有出现错误。我注意到网址上有一个'blob：'，所以我试图从'http'开始只获得一个子字符串。然后发生了这个错误：

错误错误：未捕获（在承诺中）：错误：无法匹配任何路径。

Answer 1

如果添加链接，会发生什么？

<object width="400" height="400" data="http://youserver.com/report.pdf"></object>

Pdf已打开或您看到Promise错误？

这个.documentPDF变量中的数据是什么？

尝试使用Angular

1 个答案: