以角度6显示在线pdf

时间:2018-10-01 09:34:57

标签: angular pdf angular6 pdf-viewer

我在Firebase Storage中上传了一些pdf文件。 我想在我的angular 6应用程序中展示它们。我正在尝试使用ng2-pdf-viewer,但无法显示在线pdf。 请建议我从在线存储文件中显示pdf的正确方法

HTML代码:

<pdf-viewer 
    *ngIf="hasPdfLoaded"
    [src]="pdfSrc" 
    [render-text]="true"
    (after-load-complete) = "pdfLoaded($event)"
    [show-all]="false"
    style="display: block;">
</pdf-viewer>

ts文件:

  hasPdfLoaded = false;
  pdfSrc = "https://firebasestorage.googleapis.com/v0/b/fetsl-fc873.appspot.com/o/uploads%2F_31%2FFET-317%2FReview_Thermodynamics_2.pdf?alt=media&token=a4471a81-2686-4d69-98cf-91648932b96e"

  pdfLoaded(event){
    this.hasPdfLoaded = true;
    console.log("laoding complete");
  }

运行此代码,发现以下错误。

  1. 无法加载资源:服务器的响应状态为404(未找到)
  2. ./ node_modules / pdfjs-dist / build / pdf.js 找不到模块:错误:无法解析“ zlib”

0 个答案:

没有答案