ng2-pdf-viewer - 不显示自动 pdf

Posted 2023-03-07

【中文标题】ng2-pdf-viewer - 不显示自动 pdf

【英文标题】：ng2-pdf-viewer - does not display automatic pdf

【发布时间】：2020-11-19 18:59:21

【问题描述】：

我有一个角度应用程序 8，我从 API 收到一个 pdf 文件。 在角度视图中，我将 pdf 文件作为 blob 并将其转换为 FileReader 以使用字节数组。 我面临以下问题，当我单击页面或滚动屏幕时，pdf 仅出现在屏幕上。我已经测试了 ng2-pdf-viewr 的几个属性，但没有任何效果。我希望pdf在上传后立即显示在屏幕上。 谁能帮我解决这个问题？

component.html:

<pdf-viewer 
    [src]="fileReader.result" 
    style="display: block;">
</pdf-viewer>

component.ts:

private actionsForSuccessDownloadFile(data: any, tipo: string) 
      this.blob = new Blob([data],  type: tipo );

      // Blob -> ArrayBuffer
      this.fileReader.readAsArrayBuffer(this.blob);
      this.loading = false; 

【参考方案1】：

在 Angular 中构建 PDF 的另一种方法。看看 https://www.pdftron.com/blog/angular/build-a-pdf-viewer-in-angular-and-pdf-js/