采用的是http://blog.lookpeakfans.xyz/2018/07/22/preview-pdf/这篇文章中的第二种方案:

求解:载入 PDF 时发生错误。  PDF.js v2.3.200 (build: 4ae3f9fc) 信息:Failed to fetch

 

没找到以上的解决方案。。。

换了一种方案,我把核心代码列出来如下:(我的是从上个页面带过来的pdfUrl,在子页面直接预览的)

html文件中:

    <ng-container app-slot-content-box>
        <section class="pdf-content" id="pdf-content">
              <iframe [src]="pdfUrl" width='100%' height='100%' frameborder='1' ></iframe>
        </section>
    </ng-container>

ts文件:


import { DomSanitizer } from '@angular/platform-browser';
。
。
。
pdfUrl;
constructor(
     public sanitizer: DomSanitizer
) {
  activatedRoute.queryParams.subscribe(queryParams => {
      if (queryParams && queryParams.pdfPath) {
           this.pdfUrl = this.sanitizer.bypassSecurityTrustResourceUrl(queryParams.pdfPath);
      } else {
           this.pdfUrl = '';
      }
    });
}

 

GitHub 加速计划 / pd / pdf.js
47.48 K
9.86 K
下载
PDF Reader in JavaScript
最近提交(Master分支:3 个月前 )
18284815 [Editor] Update the disclaimer string in the new alt-text dialog (bug 1911738) 3 个月前
fc602c65 And tweak the css in order to take into account that disclaimer can be on two (or more lines). 3 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐