pdf.js 在线查看PDF 兼容多个端

最新推荐文章于 2023-10-15 21:37:46 发布
VIP文章 最新推荐文章于 2023-10-15 21:37:46 发布
阅读量319 收藏 1
点赞数
分类专栏： js 文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhengyuantoo/article/details/126524434
版权
1.需要下载pdf.js
2. 页面使用
 <iframe :src="urlValue" width="100%" height="100%"></iframe>

pdf.js 是放到服务器上的
PDF_URL 服务器地址 pdf/web/viewer.html 服务器上viewer 地址
放服务器上需要解析encodeURIComponent 本地的不需要

3. 代码使用
this.pdfInfo.
最低0.47元/天 解锁文章
zhengyuantoo
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
PDF在线预览js
05-22
免费，开源的。这点很重要 纯js实现，客户不需要安装额外的插件 功能强大，缩放，打印，查找功能应有尽有 兼容主流浏览器，火狐，谷歌，ie9+都支持 缺点总结 1：js 文件偏大，加载一起3m 多，即便压缩后，两个核心js 文件也在1m左右。会影响加载速度 2:引文使用H5 技术，ie8 以及ie8 以下的浏览器不支持。
优秀 PDF 阅读编辑器 PDF-XChanger Viewer Pro 2.5.322.10 + x64.zip
05-25
现在的 PDF 工具有很多，选择一款适合自己的才重要，今天小编（www.dayanzai.me）给大家分享一款非常不错的 PDF 工具，PDF-XChange PDF Viewer 2.5 中文版是一款多功能的PDF阅读器，它完全免费，需安装.NETframework才能执行。它具有丰富的标注功能、多页签显示、强大的导出图像功能、批量搜索、放大与导航功能。支持中文注释。PDF-XChange Viewer能够利用任何Windows的软件，比如说 Word、Excel、AutoCad来制作与Adobe相兼容的PDF文件。它具有丰富的配置和功能选项，而且非常的简单易用。它还能够当作打印机使用，以代替传统的纸质输出。 PDF-XChange PDF Viewer 软件特色 – 支援多分页浏览，还可以像 IE7 的缩图索引一样，将开启的文件产生缩图于一页，让你方便点选。 – 程序启动速度不慢，PDF 档载入速度很快，就算是大档案也能很快载入。 – 可以显示中文文件。 – 可以加文字，加注解，画箭头，画线段，画多边形，还可以储存修改后的档案，不会加上浮水印。 – 可以将文件输出成图片。 – 可以自动检查更新. PDF-XChange Viewer 中文特别版 PDF-XChange PDF Viewer 功能 -对任何PDF文档添加评论和注释（受安全设置的限制）——不同于Adobe Viewer，需要受Adobe“认证”的PDF创建工具才行 -可以从任何图像、PDF文件甚至Windows的剪贴板为文件添加和应用个人戳记(Custom Stamps) -测量工具，包括周长测量和面积测量 -标记页面里的文本和对象 -在任何PDF页面里都可以直接输入，不仅仅是Adobe所允许的表单文档——在打字机(Typewriter)模式下 -导出PDF页面或者整个文件到任意一种支持的图形格式，包括BMP，JPEG，TIFF，PNG等等等等… -从PDF页面/文件里提取文本面 -易于导航，让你浏览大型或者复制的PDF文件变得简单而有乐趣——通过我们的扩展功能：放大镜工具和平板缩放窗口工具 -PDF安全支持，包括40/128位RC4和128/256位AES加密密码，以及添加/编辑许可 -填写Adobe表单，并保存到磁盘、邮件或者“post” -用户界面订制（色彩方案，边距，滚动条的可见性） -包括完整JavaScript引擎的 -保存/恢复最后一次打开的文件（最后一次会话） -新的JPEG2000压缩支持——速度提高 -包括微软IE和火狐浏览器插件的 -无缝整合你最喜爱的翻译软件来“边看边译”——支持ABBYY Lingvo 12，Translate It!和Lingoes（灵格斯） -详尽的帮助文件和PDF手册——不需要另外下载就可以添加特性等等 -在阅览器里直接用电子邮件发送PDF文件 -定制用户界面（工具栏选项等） -文件编辑器的撤销/恢复撤销功能 -对PDF文件附件的支持（portfolio） -设定PDF文件的默认阅览偏好 -导入/导出阅读器的默认设置 -还有便携版——可以从任何合适的设备里面运行，比如记忆棒/CD/DVD等等——解压即可用，无需安装，下载包仅6MB -适用于Windows 2000及更新的操作系统（32/64位） -标尺，对齐到网格和参考线 PDF-XChange Viewer Pro 专业版高级功能 -添加/编辑/移动书签 -删除页面 -移动页面——在预览缩略图（Thumbnails View）里拖放 -插入/导入页面（从已有的PDF文档里面） -提取页面到一个新的PDF/图像文件 -裁剪页面/文件 -贴注释/评论 -插入空白页 -总括注释 -导出注释 -扫描直接生成PDF文件 -从文本文件和RTF文件生成PDF文件 -将15种格式的图形文件转换成PDF文件 -添加数字签名（包括时间戳）
io.js API 中文文档 - v1.0.pdf
04-19
io.js 是 node.js 的替代品，可互换，并且几乎兼容 npm 中的所有模块。 io.js 是一个社区驱动的开源项目，由 node.js 的主要贡献者发起，并且在最初的几个月内吸引了比 node.js 出现 以来更多的活跃开发者。
js浏览器新窗口预览pdf文件(链接或本地)
qq_40588529的博客
05-17 4087
js浏览器新窗口预览pdf文件
网页在线打开PDF_网站中在线查看PDF之pdf.js
最新发布
天马3798
10-15 3093
pdf.js 使得不需要在计算机上安装 Adobe Reader 或其他 PDF 阅读器就可以在 Web 上阅读 PDF 文档成为可能。pdf.js 是社区驱动的，并由 Mozilla 支持。我们的目标是为解析和呈现 PDF 创建一个通用的、基于 Web 标准的平台。pdf.js 将 PDF 文档转换为 HTML5 Canvas 元素。PDF.js 是一个使用 HTML5 构建的便携式文档格式查看器。使用方案：file=(指定自己的pdf文件地址即可)pdf.js是一个免费的开源软件。
使用pdfjs实现在线预览pdf
瓜皮伦的博客
10-14 5840
在工作中可能会遇到前端展示pdf文件进行预览并提供下载的需求场景,例如操作指引,这个时候需要寻找一款实现该功能的插件,以pdjjs举例子。
pdf.js 库的使用
云满笔记
12-07 9225
pdf.js 是一款 Nozilla 开发的、用于网页上显示 pdf 文档的 Javascript 库, 提供 pdf 文件的在线阅读。pdf.js 在支持 js 的服务器上就能运行, 所以各种网站上的Pages服务均支持, 无须 php、java 等动态语言环境的支持。
关于pdf.js在线预览远程的服务器中的pdf
yufeng005的博客
03-01 6538
本文讲的是在线预览服务器中pdf。若是值查看固定的（项目中的）pdf的话直接看官网，这里不再说明。1.首先下载pdf.jshttps://github.com/mozilla/pdf.js下载后放入工程的静态文件目录，主要有build和web两个文件夹，其中web有两个js（getpdfInfo.js和jquery.min.js）是我自己后来加的2.在点击预览的页面(我的是jsp页面)写点击预览跳...
在线预览pdf文件，使用pdf.js
AdleyTales的技术博客
11-16 1695
1. 下载pdf.js pdf.js官方下载地址 2. 解压 3. 运行启动 项目在本地环境（url以file://开头）无法运行，需要服务器环境。 使用nginx，修改配置文件 nginx安装目录/conf/nginx.conf server { listen 8888; location / { root D:/studyspace/pdfjs-2.5.207-dist; } location /pdf/ { proxy_pass http://127
PDF.js 预览pdf文件流预览pdf，及ie浏览器兼容性问题，解决方案！！（开发笔记）
qq_45357178的博客
07-30 1万+
PDF.js 预览pdf文件流预览pdf，及ie浏览器兼容性问题，多种请求方式，全面测试
jsPDF-master js网页查看PDF插件，支持多个浏览器，可以自定义显示大小
11-04
jsPDF-master js网页查看PDF插件，支持多个浏览器，可以自定义显示窗口大小，无需安装其他插件
pdf在线查看插件 pdf.js
04-04
pdf查看器，不需要安装 免费，开源的 缩放，打印 ，兼容主流浏览器，火狐，谷歌，ie9+都支持
ViewerJS，PDF在线浏览插件。
12-16
很好的pdf浏览javascript插件。
pdfjs，安卓可用。pdf预览。支持各种浏览器，包括ie
11-01
pdfjs，安卓可用。pdf预览。支持各种浏览器，包括ie 需要使用服务器预览效果。部署到tomcat，nginx或者使用HBuilder打开 都可预览。 也可通过url传递pdf路径加名称。 http://127.0.0.1:8020/pdfjs/viewer.html?file=compressed.tracemonkey-pldi-09.pdf 注：暂不支持跨域。只支持同域名访问。
浏览器查看PDF文件(JS)
04-09
通过jQuery，可以在浏览器查看PDF文件，简单，易操作，
pdf.js pdf在线预览组件，支持IE,chrome
12-11
pdf.js pdf在线预览组件，支持IE,chrome多个浏览器，支持下载、打印功能。
h5-transfer-pdf:H5TransferPDF是一个将网页HTML渲染为PDF和各种图像格式的API工具，完美兼容HTML，CSS，JS，更好的替换支持，并支持生成多种版本的PDF
03-18
H5TransferPDF是一个将网页HTML渲染为PDF和各种图像格式的API工具，完美兼容HTML，CSS，JS，更好的替换支持，并支持生成多种版本的PDF。 好未来内部有很多使用PDF的场景，某些演讲义，布局等，尤其是在布局中，串联...
如何在项目中使用pdf.js查看PDF文件
卡洛背心的博客
08-29 2175
最近在做后台管理类的系统，需要在web页面阅读pdf文件。发现一个很好用的插件 pdf.js，简单的介绍一下 官方文档地址：http://mozilla.github.io/pdf.js/ 在线演示地址：http://mozilla.github.com/pdf.js/web/viewer.html 介绍一下官网的例子 页面引入pdf.js 使用PDFJS.getDocument(‘helloworld.pdf’)方式加载要打开的PDF文件 通过Promise的then方式处理后续的方法 PDFJ
pdf.js 使用介绍
热门推荐
搬砖狗-小强的专栏
07-11 4万+
在网页中加载并显示PDF文件是最常见的业务需求。现在的浏览器大多数都自带pdf预览功能，但是每个浏览器的pdf加载器并不一样，工具栏也无法定制化，为了统一不同浏览器pdf预览的一致性，并增加一些自定义功能，我们使用pdf.js来实现pdf的预览。下面就是项目实现的最终效果，右侧工具栏只留下打印按钮，并在打印的时候触发项目需要的事件,防止复制和下载pdf。 把项目部署到nginx或者IIS，直接在浏览器中访问viewer.html即可预览我们的pdf,使用方法如下，file为我们要预览的pdf文件地址。12
pdf.js demo
07-20
### 回答1： pdf.js是一款功能强大的JavaScript库，可用于在网页上展示PDF文档。pdf.js允许开发者在所有现代浏览器上直接嵌入PDF文件，而无需使用第三方插件。这样一来，用户可以在不离开网页的情况下浏览和阅读PDF文档。 pdf.js附带了一个demo，可以帮助开发者了解和体验pdf.js的功能。demo提供了各种不同的示例，展示了不同的PDF文档在网页上的显示效果。开发者可以使用demo中的代码作为起点，进一步定制和集成pdf.js到自己的网页应用中。 demo中的示例包括基本的PDF展示、缩放、翻页和搜索功能。用户可以通过demo来体验在不同浏览器和设备上加载和浏览PDF文档的效果。此外，demo还提供了一些高级功能，比如延迟渲染、打印、导出和书签功能，以及在网页上查看多个PDF文件的选项。 使用pdf.js demo，开发者可以快速入门并了解pdf.js的核心功能。通过查看demo中的代码和文档，开发者可以学习如何使用pdf.js库创建自定义的PDF浏览器。pdf.js demo为开发者提供了一个学习和实践的平台，帮助他们更好地理解和应用pdf.js库。 总而言之，pdf.js demo是一个方便的工具，提供了一个交互式的环境来学习和测试pdf.js的功能。无论是初学者还是有经验的开发者，都可以通过pdf.js demo来提升对pdf.js的理解和应用能力。 ### 回答2： pdf.js demo 是一个开源的基于 JavaScript 的 PDF 阅读器库，它使用 HTML5 技术来在网页上显示和加载 PDF 文档。使用 pdf.js demo，你可以在不需要安装第三方插件的情况下，在网页上直接查看和浏览 PDF 文件。 pdf.js demo 提供了一个简单易用的 API，能够方便地在网页上加载和显示 PDF 文件。它支持多种功能，如缩放、旋转、滚动和搜索等等。你可以使用这些功能来快速定位和查找 PDF 文档中的内容，方便用户进行阅读和导航。 pdf.js demo 的优势之一是它的兼容性很好。它不需要任何浏览器插件的支持，只需要使用现代浏览器即可完美运行。这使得你在不同平台和设备上都可以无障碍地查看和访问 PDF 文档。 pdf.js demo 也具有高度的可定制性。你可以根据自己的需求来定制页面的展示效果和交互方式。如果你是一位开发者，你还可以直接访问源代码来进行更深入的定制和扩展。 总之，pdf.js demo 是一个强大而且方便的 PDF 阅读器库，它能够帮助你在网页上实现高效的 PDF 查看和阅读功能。无论你是需要在网站上显示 PDF 文档，还是需要开发自己的 PDF 阅读器应用程序，pdf.js demo 都是一个很好的选择。 ### 回答3： pdf.js demo是一个用于显示和渲染PDF文件的开源JavaScript库。它可以通过在网页上嵌入PDF文件，让用户直接在浏览器中查看和浏览PDF文档，而无需安装任何PDF阅读器插件。 使用pdf.js demo可以实现许多功能，比如展示PDF页面、搜索文本、放大和缩小页面、旋转页面等。用户可以通过点击页面、拖动页面滚动条来浏览整个文档。pdf.js demo还提供了一些实用的工具栏，例如缩放按钮、旋转按钮、搜索框、前进和后退按钮等，让用户可以更方便地浏览文档。 pdf.js demo的一个重要优点是它与现代浏览器兼容性良好，并且可以在不同平台上运行，例如Windows、Mac和Linux。此外，pdf.js demo支持多种语言，可以根据用户的地区设置自动切换显示语言。 使用pdf.js demo还能够加强文档的安全性。通过在服务器端嵌入水印、禁止复制和打印等措施，可以防止文档被非法下载和修改。 总而言之，pdf.js demo是一个非常实用的工具，可以实现在浏览器中查看、浏览和管理PDF文档的功能。它的易用性、兼容性和安全性使其成为很多网站和应用程序的首选解决方案。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值