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

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

Angular 使用ng2-pdf-viewer显示pdf文件相关推荐

linux下pdf中文显示,PDF中文显示
出自Linux Wiki Linux中阅读PDF时中文显示不正常的原因主要有二:一是系统字体配置有问题,二是没有安装相应的中文字体.本文将分别介绍解决方案,只要依次按说明操作,Evince.Okula ...
使用DevExpress Reports和PDF Viewer创建AcroForm Designer
众所周知,交互式表单(AcroForms)是PDF标准的重要组成部分,AcroForms允许开发者和开发者的用户创建可填写的PDF文档.尽管WinForms和WPF PDF Viewers不支持交互式 ...
在线浏览PDF:Grapecity Documents for PDF Viewer 6.0.2
Grapecity Documents for PDF Viewer跨平台 JavaScript PDF 查看器---备注:必须配合.NET版本才能编辑PDF 使用我们的 JavaScript PDF ...
java在线查看pdf文件,java 实现所有文件的在线查看（其他类型转pdf后用pdf.js显示）...
js显示pdf插件demo下载: http://download.csdn.net/detail/heqinghua217/9685857 java 吧所有文档类文件转成pdf格式文件下载 http: ...
ASP.NET 用 FlexPaper 在页面上显示 PDF 文件
必要条件演示 ASP.NET 用 FlexPaper 在页面上显示 PDF 文件软件环境解决方案结构简单显示 SWF 文件上传并显示 PDF 文件常见问题参考资料其实,虽说是显示 PD ...
Asp.net Core 配合 PDFObject 和 pdf.js 在浏览器显示pdf文件
Asp.net Core 配合 PDFObject 和 pdf.js 在浏览器直接显示pdf文件测试环境的浏览器版本: Chrome :90.0.4430.93(64 位) FireFox :88. ...
在Flashplayer中显示PDF文件， SWFTools怎么用
目前在百度文档和另外一个什么在线文档中见过这个做法,在美国的box网站也见过. 在网址:http://www.swftools.org/download.html(或http://wiki.swfto ...
html如何跳转到pdf页面,使用PDF.js在网页显示pdf文件并跳转到指定页码
最近在做一个土地档案管理系统 ,有个需求是在前端网页展示土地档案扫描件的pdf文件,并根据目录跳转到指定页. 第一个问题,显示pdf文件.引入pdf.js.然后设定html地址,地址为http://l ...
java 实现所有文件的在线查看（其他类型转pdf后用pdf.js显示）
js显示pdf插件demo下载: http://download.csdn.net/detail/heqinghua217/9685857 java 吧所有文档类文件转成pdf格式文件下载 http: ...
android 显示 PDF 文件
2017/2/13更新: 有朋友反映原来的库已经不能用了,或者用了以后有这样那样的问题,这里统一回复一下. https://github.com/JoanZapata/android-pdfview ...

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

Angular 使用ng2-pdf-viewer显示pdf文件相关推荐

最新文章

热门文章