通过pdf.js实现服务器端pdf文件的预览

最新推荐文章于 2024-06-23 10:18:58 发布
最新推荐文章于 2024-06-23 10:18:58 发布
阅读量1w 收藏 15
点赞数 2
分类专栏： PDF
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tao111369/article/details/79714154
版权
本文介绍了如何利用pdf.js库在服务器端预览PDF文件，兼容Firefox、Chrome和IE9+浏览器。主要步骤包括从官网下载pdf.js及相关文件，修改viewer.js中的DEFAULT_URL变量，将必要的文件复制到项目目录，并删除不必要的资源。前端通过引用viewer.html并结合后台Java代码实现预览功能。最后展示了预览效果，支持下载和打印操作。
摘要由CSDN通过智能技术生成
最低0.47元/天 解锁文章
一个菜鸟的奋斗之路
关注
  • 2
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 12
    评论
专栏目录
Java web使用pdf.js在线预览远程服务器上的pdf文件
02-08
Java web使用pdf.js在线预览远程服务器上的pdf文件,包里有pdf.js资源文件以及使用文档
页面PDF预览控件pdf.js使用总结
Sagitarioo的博客
06-01 4524
一、插件下载 下载地址：http://mozilla.github.io/pdf.js/ 内含demo页面，打开后显示效果如图所示： 二、使用方法 将控件的相应文件引入 <link rel="stylesheet" href="../../js/plug/pdfjs/web/viewer.css"> <link rel="resource" type="appli...
【若依前后端分离】前端vue页面查看服务器本地的PDF
最新发布
敲厉害的燕宝的博客
06-23 1703
使用FileSystemResource包装文件，以便Spring MVC可以处理该资源创建HttpHeaders对象以设置响应头设置Content-Disposition头，使得浏览器以内联方式显示PDF（即在浏览器中直接打开）设置Content-Type为application/pdf，指示响应体是一个PDF文件构建并返回带有指定头信息和PDF资源的ResponseEntity，状态码为200 OK。
前端js打开pdf文件--文件通过浏览器打开，以pdf形式进行预览
qq_39877681的博客
11-14 5274
前端js打开pdf文件--文件通过浏览器打开，以pdf形式进行预览
使用PDF.JS实现PDF在线跨域预览功能
qq_31734611的博客
12-19 1563
1.将所需的两个文件夹放入WEB目录下 2. 在前台调用VIEWER.HTML页面。 （1）若为本地文件，直接通过相对路径调用如： window.open("../pages/web/viewer.html?file=./测试.pdf"); （2）若调用其他服务器的文件，则传入下载的URL地址(此地址直接输入浏览器应可直接下载文件) window.open("../pages/w...
vue-pdf组件实例
weixin_46325225的博客
10-10 794
【代码】vue-pdf组件实例。
pdf.js如何访问服务器上面的文件,pdf.js使用方法
weixin_28950403的博客
08-13 1434
1: 进入官网2 : 选择稳定版 下载3: 下载至本地4 : 解压5:创建PDF.js文件夹 并将刚解压的文件放入其中小伙伴 可能会有点头晕 先跟着做 稍后解释1.登录 项目服务器2.登录 服务器 后将 PDF.js 文件夹 拷贝 到 项目 服务器 的根目录1.打开浏览器 新建一个 标签页 输入 你的项目服务器 地址这里我用我的服务器 地址进行演示10.0.0.52.当 你访问 项目 服务器 根...
pdfjs预览服务器文件,关于前端:PDF-文件在线预览pdfjs-使用教程
weixin_28818873的博客
08-03 487
因我的项目开发须要在线展现 PDF文件，为解决 PDF文件 在浏览器关上后电子签章、电子签名等展现不全且局部浏览器兼容问题特利用pdf.js解决该问题；pdf.js框架为HTML5,无需任何本地反对，兼容性极好只有浏览器反对 HTML5 即可(据说 IE9 以上都是能够的)；过后解决该问题摸索工夫比拟长，其实也并没有设想的那么艰难比较简单特此记录下此博客，以便大家参考！pdf.js git地址 :...
openoffice实现文件预览的jar及pdf.js
04-19
在实现文件预览时，前端部分通常会使用JavaScript库，这里提到的"pdf.js"就是Mozilla开发的一个开源项目，专门用于在浏览器中渲染PDF文件。PDF.js通过解析PDF文件并将其转换为HTML5 Canvas元素显示，从而实现无插件...
小程序预览PDF文件插件Pdf.js
11-20
本文将详细介绍如何使用"小程序预览PDF文件插件Pdf.js"，以及在Uniapp框架中实现PDF预览的步骤。 Pdf.js是由Mozilla开发的一款开源JavaScript库，它允许在Web浏览器中直接预览PDF文件，而无需依赖任何其他第三方...
pdf.js pc端及移动端在线文件预览
02-23
PDF.js 是一个由 Mozilla 维护的开源项目，主要用于在 Web 浏览器中实现 PDF 文件的纯 JavaScript 支持，使得用户无需依赖任何插件即可在 PC 和移动端实现在线文件预览。该项目的核心目标是提供高质量、跨平台的 PDF...
pdf.js在java web项目中远程预览ftp上的pdf文件.docx
03-05
远程FTP服务器上的PDF文件预览 在Java web项目中，需要预览远程FTP服务器上的PDF文件。这可以通过使用pdf.js插件和自定义servlet来实现。 ### 2. pdf.js插件的使用 pdf.js插件是一个功能强大且轻量级的PDF查看器...
关于pdf.js在线预览远程的服务器中的pdf
yufeng005的博客
03-01 6668
本文讲的是在线预览服务器中pdf。若是值查看固定的（项目中的）pdf的话直接看官网，这里不再说明。1.首先下载pdf.jshttps://github.com/mozilla/pdf.js下载后放入工程的静态文件目录，主要有build和web两个文件夹，其中web有两个js（getpdfInfo.js和jquery.min.js）是我自己后来加的2.在点击预览的页面(我的是jsp页面)写点击预览跳...
原生js实现预览图片或PDF...
qq_46344419的博客
01-18 2127
原生js实现预览图片或PDF
js在线预览pdf,doc,xls,jpg等文件
weixin_42371812的博客
08-09 6802
由于项目需要，需要在上传文件后在线预览所上传的文件。最开始我的思路就是想到各种插件什么的。比如说pdf.js、pdfobject，但最后都没能达到我所想要的效果。
一篇文章教你使用 PDF.JS 在线预览 PDF （本地文件，服务器文件）
热门推荐
平凡的人类的博客
04-29 2万+
前言   最近开发项目时有个需求是在线预览 PDF 文件，然后百度了好久选出来一个功能比较强大并且好用的插件 PDF.JS，GitHub 下载地址（不知道最近咋了每次都想唠一会水一会）差点忘了说了，本文主要是讲使用过程中的常见错误，嗯，次要是讲咋使用 安装   下载版本的话我们下在稳定版本的就可以了，没必要非追求最新版，当然也可以下载最新版本的，用法都一样，下载好了之后就找一个位置解压就可以了，或...
PDF.js预览PDF访问远程服务器报file origin does not match viewer‘s
dearyang
06-22 4114
PDF.js的使用 1.下载pdf.js插件：点击下载。 2.解压后把web和build文件夹放进项目里。 3.新建一个test.html,通过iframe标签嵌套viewer.html即可，如果是只加载本地文件，在viewer.js修改默认的pdf文件路径即可。 修改viewer.js的默认的pdf的文件路径： 4.如果需要加载远程服务器的pdf文件，远程服务器返回pdf文件流，然后在viewer.html的url后面添加file=http://127.0.0.1:8020/PDF/test,但
PDF.JS-文件流方式在线展示pdf文件
MJlife的博客
09-03 1万+
目前所在项目要求实现在线预览PDF功能，于是百度查了一些资料，借鉴了一些大佬好的想法，特总结下来，供参考。 PDFJS是在线预览PDF的一款神器，官网地址：http://mozilla.github.io/pdf.js/ 下载后解压文件，直接拖进项目里就可以： 一些其博客说要把viewer.js里面的 defaultUrl: { value: "compressed.tracemonkey-pldi-09.pdf", kind: OptionKind.VIEWER .....
vue 中如何使用pdf.js实现预览
C_TopTopTop的博客
06-14 1049
pdf.js文件预览 (4）实现 （5）问题 （6）解决引入的pdf.js文件中找到 if (fullRequestXhr.getResponseHeader('Accept-Ranges') !== 'bytes') { return false; }更换为
评论 12
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值