html页面阅读pdf,HTML5在线PDF格式文件阅读器
pdf.js是一款基于HTML5的PDF(Portable Document Forma)格式文件的网页阅读器。pdf.js由 Mozilla Labs 社区支持,目标是创建一个通用的、基于WEB平台的解析和阅读PDF文件的阅读器。
在网页中使用pdf.js
pdf.js是一个开源项目。要在你的网页中应用pdf.js有两种方式:预建模式和从源文件中创建模式。
预建pdf.js
通过npm
通过该方法在安装pdf.js文件后使用pdfjs-dist/build/pdf.js来创建阅读器。
npm install pdfjs-dist
通过webpack
如果你使用webpack或browserify,你可以很容易的安装所需的文件。
// In your webpack config:
//
// Install `npm install url-loader` first.
// This will enable you to get the url of the worker and the pdf to use in the index.js.
// Notice that for the build process it might need some extra work.
webpackConfig.module.loaders = {
test: /\.pdf$|pdf\.worker\.js$/,
loader: "url-loader?limit=10000"
}
// in index.js
//
// `var PDFJS = require('pdfjs-dist/build/pdf');` would be better but
// somehow the PDFJS becomes an empty object.
// Without any special config, requiring the file and letting it to pollute
// the global namespace is the way to go:
require('pdfjs-dist/build/pdf');
require('pdfjs-dist/web/pdf_viewer'); // Only if you need `PDFJS.PDFViewer`
// Webpack returns a string to the url because we configured the url-loader.
PDFJS.workerSrc = require('pdfjs-dist/build/pdf.worker.js');
var url = require('assets/books/my book.pdf');
PDFJS.getDocument(url).then(function(pdf) {/* Continue the normal tutorial from the official readme.*/})
从下载包中安装
下载压缩包文件。
将压缩包文件解压到文件夹中,例如:pdf.js-gh-pages目录。
然后拷贝下列目录文件到你的网站中:
pdf.js-gh-pages/build/
pdf.js-gh-pages/web/
要查看PDF文件,可以简单的打开viewer.html,并在其后添加参数指定打开的PDF文件。Open yourpdf.pdf with PDF.js
html页面阅读pdf,HTML5在线PDF格式文件阅读器相关推荐
- html5的教程pdf,html5 教程pdf
html5 教程pdf [2021-02-11 11:54:39] 简介: php去除nbsp的方法:首先创建一个PHP代码示例文件:然后通过"preg_replace("/(\ ...
- PDF 加密 - 在线 PDF 加密软件
PDF 文件怎么加密?一刀工具箱提供 pdf 免费加密软件 - 在线 pdf 加密软件可对 pdf 文档进行加密处理.文件加密后需要输入正确的密码才能够打开进行编辑.复制.打印等操作,极大提高了 pd ...
- OFD格式转PDF怎么在线转换?分享在线转换方法
OFD格式的文件怎么转换成PDF格式呢?OFD文件格式是我国自主研发出来的一种版式文件格式标准,它的受用面相对来说比较小,大家一般在电子发票.电子公文上见到的较多,现如今大家对OFD文件可能还不太熟悉 ...
- 如何在线将pdf转换成ppt格式
我们知道pdf文件非常的安全,但它不易编辑的安全性也给大家带来了一定的困扰,想要更方便的使用pdf文件,转换pdf文件的技能你一定需要掌握,当我们遇到了pdf转换成ppt格式的时候我们该怎么办呢? 今 ...
- 怎样可以在线将pdf转换成jpg格式
pdf文件有很多种,但是处理它的方法只有一种,就是将其转换成可编辑的格式,虽然文字类的pdf文件我们经常看到,但是图片格式的也不少,今天就先以pdf转图片为例,说说转换pdf文件格式的方法. 在线就能 ...
- 使用vue框架,在线打开 word、excel、pdf 这三种格式的文件的方式。
背景: 用户要求上传的word.excel.pdf 能够在线预览,要求不是很高,能打开查看一下大致内容就行. 准备工具:Vue.Nginx(没有它或者准备一个可以回传文件的后端接口就行,这个在这里用于 ...
- pdf怎么在线阅读?一键查阅并不难
PDF格式的文件已经成为现代生活中不可或缺的一部分,无论是学术论文.电子书.工作文件还是表格,都有可能以PDF格式出现.然而,为了读取这些文件,我们需要安装PDF阅读器,这在某些情况下可能会带来不便. ...
- php 生成打印送货单,PHP输出PDF打印HTML5+CSS3打印格式控制
ERP系统进入尾声,各种送货单.退货单.合同.对账单等等一系列的东东排着队调打印格式.HTML5+CSS3已经这样流行,然则眼下,基于CSS3的打印控制,居然还处于原始部落阶段,Chrome.Fire ...
- pdf在线查看 html代码,PDF网页在线阅读器pdfjs
pdfjs是PDF网页在线阅读器,直接本地或远程加载PDF,设置输出文本字体.自适应页面显示.自定义头部底部显示. var doc = new pdfjs.Document({ font: asset ...
最新文章
- Atitit 常见每日流程日程日常工作.docx v4
- [Swift]LeetCode649. Dota2 参议院 | Dota2 Senate
- VUE全局导航守卫、 请求、响应拦截器 的设置
- 问题解决: 此文件来自其他计算机,可能被阻止以帮助保护该计算机
- Windows API 逐个逐个学MessageBox(5) 遍历驱动器并获取驱动器属性 GetLogicalDriveStrings、GetDriveTypeA...
- 盘阵多路径学习(转)
- ajax+MultipartFile上传文件到本地
- 爬虫封号解决 -- Win10系统如何修改网卡的物理地址(MAC)
- 推荐 :写好一份数据分析报告13要点
- 全国2009年10月考试电子商务与电子政务试题
- 腾讯信鸽推送(一):服务端架构
- Mission-Pumpkin v1.0: PumpkinGarden(南瓜花园)靶机的渗透测试
- 英语Catarinite天铁托甲catarinite镍铁陨石
- Transformer如何用于大规模图像识别?
- 用java解一元二次方程组
- 外部表不是预期的格式-excel
- HTTP和HTTPS、HTTP返回码
- 恶意.NET安全攻防(一):使用ETW隐藏你的.NET
- visio 深信服设备_深信服数据安全建设新思路,让数据泄密可视可控
- c++类对象的例子(非标准语法;请使用 ““ 来创建指向成员的指针,如何解决?)