html5怎么添加pdf文档,怎么使用pdf.js，html5在浏览器直接打开pdf文档

一时失言乱红尘 2022-10-06 05:54 463阅读 0赞

pdf.js是什么？

pdf.js是一款开源的pdf文档读取解析插件，据说在html5下诞生的，对于主流的浏览器基本都支持。pdf.js框架的魅力所在无需任何本地支持，浏览器支持html5就能支持pdf.js(不过对于低版本的IE，就只能节哀了！)。

pdf.js主要包含两个库文件，一个pdf.js和一个pdf.worker.js，，一个负责API解析，一个负责核心解析。官网GitHub地址如下：https://github.com/mozilla/pdf.js。

pdf.js 使用实例

首先看一个demo：http://mozilla.github.io/pdf.js/web/viewer.html 这个viewer我觉得就是PDF.js的最终UI。

参考代码

1.引入pdf.js，2.解析读取pdf

function showPdf()\{

PDFJS.workerSrc = '../build/pdf.worker.js';//加载核心库

PDFJS.getDocument(url).then(function getPdfHelloWorld(pdf) \{

pdf.getPage(1).then(function getPageHelloWorld(page) \{// 获取第一页数据

var scale = 1.5;

var viewport = page.getViewport(scale);

// Prepare canvas using PDF page dimensions

var canvas = document.getElementById('the-canvas');

var context = canvas.getContext('2d');

canvas.height = viewport.height;

canvas.width = viewport.width;

// Render PDF page into canvas context

var renderContext = \{

canvasContext: context,viewport: viewport

\};

page.render(renderContext);

\});

\});

\}

3.设置html标签

显示pdf文档

4.通过调用API自己解析，通常，我们直接使用官网的Demo，比如viewer.html，官方已经为我们设置好了预览的皮肤和各种事件，因此，我只需要将官方的库引进去，会进行本地预览即可。

发表评论取消回复

表情：

评论列表（有 0 条评论，463人围观）

还没有评论，来说两句吧...

相关阅读

相关 C# 如何在PDF文档中添加打印按钮

C\ 如何在PDF文档中添加打印按钮在今天这篇文章中我将介绍如何使用C\和Spire.PDF组件在PDF文档中添加打印按钮。用户打开PDF文档后，单击该按钮就可以打印PDF

小鱼儿/ 2024年02月18日 15:05/ 0 赞/ 47 阅读

相关 Aspose.Pdf使用教程：在PDF文档中添加书签

[Aspose.PDF][] 是一款高级PDF处理API，可以在跨平台应用程序中轻松生成，修改，转换，呈现，保护和打印文档。无需使用Adobe Acrobat。此外，API提供

朴灿烈づ我的快乐病毒、/ 2023年10月13日 08:33/ 0 赞/ 55 阅读

相关网页如何使用pdf.js显示PDF文档

1.下载pdf.js [前往官网下载pdf.js][pdf.js] 2.使用psf.js 将下载的文件解压，会得到2个文件夹，build和web文件夹，将文件放到项

我不是女神ヾ/ 2022年12月05日 15:27/ 0 赞/ 368 阅读

相关 html5怎么添加pdf文档,怎么使用pdf.js，html5在浏览器直接打开pdf文档

pdf.js是什么？ pdf.js是一款开源的pdf文档读取解析插件，据说在html5下诞生的，对于主流的浏览器基本都支持。pdf.js框架的魅力所在无需任何本地支持，浏览器

一时失言乱红尘/ 2022年10月06日 05:54/ 0 赞/ 464 阅读

相关 pdf 文档搜索服务器,服务器pdf

服务器pdf 内容精选换一换 ![c8a5a5028d2cabfeeee0907ef5119e7e.png][] 本文介绍了企业主机安全(Host Security S

一时失言乱红尘/ 2022年08月29日 00:04/ 0 赞/ 212 阅读

相关 Html文档转换为PDF文档（转）

此博客转自：https://blog.csdn.net/chengp919/article/details/80096725 html页面导出为pdf

小鱼儿/ 2022年05月26日 07:17/ 0 赞/ 301 阅读

相关 Android默认优先使用WPS打开PDF文档

使用第三方App打开PDF文档，当选择使用WPS时，出现提示获取文档类型，一直打不开的情况。解决办法，首先检测是否安装了WPS软件。如果安装了，则用WPS打开，否则，使用默

爱被打了一巴掌/ 2022年04月16日 07:14/ 0 赞/ 540 阅读

相关过大的pdf文档该怎么进行压缩

pdf文档是我们日常工作中比较常见了，在制作文档的时候可以用自己喜欢的格式，但是上交的时候要求要用pdf格式的，这时候就需要把文件进行格式的转换，但是转换后的pdf文件太大的话

逃离我推掉我的手/ 2022年01月17日 19:43/ 0 赞/ 234 阅读

相关 pdf怎么转html？

html是网页的通用格式，有时候就需要把PDF转换成html，那么pdf怎么转html呢？请往下看 ![pdf怎么转html？][pdf_html] 首先要知道的是，P

雨点打透心脏的1/2处/ 2022年01月13日 01:13/ 0 赞/ 346 阅读

相关 PDF怎么加页码？PDF添加页码的方法

PDF怎么加页码呢？现在PDF文件是用到的比较多的一种文件，但是有一些PDF文件中是没有页码的，这个时候就需要给PDF文件添加一些页码，想要给PDF文件添加页码就需要使用PDF

分手后的思念是犯贱/ 2022年01月10日 17:37/ 0 赞/ 277 阅读