Angular 使用ng2-pdf-viewer显示pdf文件

唐焕
2023-12-01

1、需求:
在项目开发中,上传pdf文件之后,需要对上传的pdf文件进行在线浏览。

2、方法:
① 安装ng2-pdf-viewer模块

npm install ng2-pdf-viewer --save

② html

<div class="pdf-container">
    <pdf-viewer [src]="src" [original-size]="false"></pdf-viewer>
</div>

③ typescript

src = null;

fileViewer(url: string, title: String) {
  this.src = url;
  this.fileName = title;
  this.isFileViewerVisible = true;
}

3、详细用法参考:
https://www.npmjs.com/package/ng2-pdf-viewer

 类似资料: