javaWeb文档预览之PDF.js实现PDF文件跨域预览（附测试实例）

最新推荐文章于 2025-05-19 15:26:03 发布

原创

最新推荐文章于 2025-05-19 15:26:03 发布 · 2.2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#pdf #文档预览

本文档介绍如何在JavaWeb（SpringBoot）项目中利用PDF.js实现PDF文件的跨域预览。文章包含项目结构、前后台核心代码展示，并详细说明了如何修改PDF.JS的默认预览页面，使预览从第一页开始。同时，提供了踩坑经验、转换工具及参考资料链接。

1、项目结构（测试使用的是springboot的工程）
这里写图片描述

2、核心代码
（1）前台代码

<body>

<div tabindex="-1" class="modal fade in" id="my-showpdf">
    <div class="modal-dialog info">
        <div class="modal-content">
            <div class="modal-body tc picshow">-->

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Coding13

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

实现在线预览远程服务器pdf文件心路历程

weixin_33858249的博客

05-05

3441

前言大家都知道在线预览本地pdf文件、只要将地址定位到本地pdf所在目录，即可打开pdf文件。但是如果地址直接指向服务器地址呢，近期做的项目是在线预览服务器上的pdf文件，出现了跨域问题，无法正常获取预览文件。首先想到的解决方法： 1、让存放pdf文件的服务器支持跨域但问题又来了，存放pdf文件的服务器有很多、以后还可能增加，每次都配置一下跨域、实在繁琐、而且也存在安全问题 2、当前项目的后...

java集成pdf.js实现pdf文件在线预览

热门推荐

wang704987562的博客

12-27

3万+

最近项目需要实现在线预览pdf文件功能，找来找去，发现有个pdf.js的类库挺好用，直接用js实现在线预览。 pdf.js是开源项目，github的地址： https://github.com/mozilla/pdf.js 根据教程指引，有以下几个步骤： - clone源码到本地，如果是linux的话很方便，windows的话要另外下载git工具； git地址：https://git-fo

参与评论您还未登录，请先登录后发表或查看评论

Java web使用pdf.js在线预览远程服务器上的pdf文件

02-08

Java web使用pdf.js在线预览远程服务器上的pdf文件,包里有pdf.js资源文件以及使用文档

【Java】web在线打开PDF（pdf.js教程）

程序猿开发日志【学习永无止境】

12-15

1万+

pdf.js框架的魅力所在，为其为HTML5实现的，无需任何本地支持，而且对浏览器的兼容性也是比较好，要求只有一个：浏览器支持HTML5就好了！（不过对于低版本的IE，就只能节哀了！）据说IE9以上是OK的，因为我本地是IE11，所以我只在IE11上测试过，是通过的（当然火狐，360，我也测了一下，是可以的）。因为项目开发需要，在线展示PDF，而且要兼容IE，所以就选择了pdf.j

javaweb中使用pdfjs实现pdf文件在线预览

weixin_44053324的博客

03-25

1699

javaweb中使用pdfjs实现pdf文件在线预览

在线预览pdf(pdf.js)java示例

01-12

demo所使用的工具eclipse 功能 1.实现dpf在线预览， 2.跨域访问pdf

pdf.js在java web项目中远程预览ftp上的pdf文件.docx

03-05

描述：本文档详细介绍了使用pdf.js在Java web项目中远程预览FTP服务器上的PDF文件的方法。通过配置pdf.js插件和自定义servlet，可以实现在线预览远程FTP服务器上的PDF文件。标签：pdf、ftp 知识点： ### 1. 远程...

java集成pdf.js 在线阅览pdf文件

05-07

Java集成PDF.js在线浏览PDF文件是一项常见的技术需求，特别是在开发Web应用时，用户可能需要在浏览器内查看PDF文档。PDF.js是由Mozilla维护的一个开源库，它允许开发者在浏览器环境中渲染高质量的PDF内容，无需依赖...

使用PDF.JS实现PDF在线跨域预览功能

qq_31734611的博客

12-19

1688

1.将所需的两个文件夹放入WEB目录下 2. 在前台调用VIEWER.HTML页面。（1）若为本地文件，直接通过相对路径调用如： window.open("../pages/web/viewer.html?file=./测试.pdf"); （2）若调用其他服务器的文件，则传入下载的URL地址(此地址直接输入浏览器应可直接下载文件) window.open("../pages/w...

pdfjs 跨域预览文件(完整版t)

07-25

pdfjs跨域加载文件预览。亲测可以用。在SSM框架中实现的。但是原理是通用的详情查看http://blog.csdn.net/u013132051/article/details/76066920

java实现附件预览（openoffice+PDF.js）

07-12

java实现附件预览（openoffice+PDF.js），将office文档，通过openoffice工具转换为PDF文件，使用PDF.js进行前端展示是对openoffice+swftools+flexpaper的升级版，减少一次swf文件转换，及flexpaper只能预览十页内容，原文：http://blog.csdn.net/z69183787/article/details/17468039 内附：openoffice安装文件+PDF.js+源码+使用说明文档

基于pdf.js的移动端，PC端在线pdf文件预览，支持跨域的源码

05-13

基于pdf.js的移动端，PC端在线pdf文件预览，支持跨域的源码，兼容性强，不同浏览器均可完美使用，最低支持IE6，一键适配

跨域在线批量展示pdf并且打印pdf

09-21

跨域在线批量展示pdf并且批量打印pdf,前端我是用anuglar2技术做的.实际上,采用的是js+iframe实现的.可用于任何支持的平台.各位读者如何下载下来后,不能用可以私聊我

pdfjs跨域展示文件-支持移动端，微信端

06-26

pdfjs跨域展示文件-支持移动端，微信端，读原文地址：https://blog.csdn.net/Code645472731/article/details/80819647

pdf.js跨域预览 java,PDF.js 跨域，其实很简单

weixin_39853210的博客

03-10

514

PDF.js 版本: 2.0.0服务器需要做一些支持响应头中添加'Access-Control-Allow-Origin' '*'例如我的 nginx 配置server {listen 80;server_name 127.0.0.1;location / {if ($request_method = 'GET') {add_header 'Access-Control-Allow-Origin...

基于pdf.js简单在线pdf文件预览跨域解决方案，兼容性好！

xiao_bin_shen的博客

09-01

3万+

基于pdf.js简单在线pdf文件预览，兼容性好，提供跨域解决方案！基于pdf.js的移动端在线pdf文件预览，支持跨域的源码，兼容性强，不受浏览器约束，还可以将pdf转成图片。

pdf.js跨域预览 java,使用pdf.js实现前端页面预览pdf文档，解决了跨域请求

weixin_42629671的博客

03-10

1123

pdf.js主要包含两个库文件，一个pdf.js和一个pdf.worker.js，，一个负责API解析，一个负责核心解析下载pdf.js插件解压后有 web 和 build 两个文件夹如图运行示例将解压后的文件直接仍到项目路径下访问 ip:port/文件夹名称/web/viewer.html显示的是 web 文件夹下的compressed.tracemonkey-pldi-09.pdf 修...

实现跨平台跨浏览器PDF在线预览的pdfh5项目实战