在 Angular 中集成 PDFJS

Question

我正在 Angular 中创建一个新组件来显示 PDF 文件，为此，我按照 link 中的这些步骤使用了 ng2-pdfjs-viewer “https:// www.npmjs.com/package/ng2-pdfjs-viewer” 但它不起作用。我不知道具体问题出在哪里。这里的 html 组件：

<ng2-pdfjs-viewer 
  #pdfViewer
 [pdfJsFolder]="'https://www.emse.fr/~picard/cours/1A/java/livretJava.pdf'"
  [externalWindow]="true"
  [downloadFileName]="'mytestfile.pdf'"
  [openFile]="false"
  [viewBookmark]="false"
  [download]="false">
 </ng2-pdfjs-viewer>

谁能解释一下问题出在哪里？

我有另一个问题是否可以从外部 link 加载 pdf，例如“D:\file.pdf”。

Answer 1

根据 ng2-pdfjs-viewer(https://www.npmjs.com/package/ng2-pdfjs-viewer) 的文档，[pdfJsFolder] 用于设置 PDF.JS 的路径web 和构建文件夹。

您应该使用 pdfSrc 属性来设置 pdf 的路径。它在文档的使用部分提到

例如

<ng2-pdfjs-viewer pdfSrc="your pdf file path"></ng2-pdfjs-viewer>

文档还指出在幕后使用 Mozilla 的 PDF.JS。
不管怎样，很高兴您解决了问题

在 Angular 中集成 PDFJS

Integrating PDFJS in Angular

pdf.js

angular

ng2-pdfjs-viewer