pdf.js使用步骤

使用pdfjs 网页在线预览需要后端服务器支持

1、下载PDF.js 源码包

地址:PDF.js

2、解压源码包,将源码包放置到后端服务器

3、后端部署完成后 访问 viewer.html

类似上图

4、访问在线pdf文件

http://localhost:8081/web/viewer.html?file=xxxx.pdf

使用file=你的在线的pdf文件路径就可以了

如果出现以下问题

viewer.mjs:1 Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "application/octet-stream". Strict MIME type checking is enforced for module scripts per HTML spec.

pdf.mjs:1 Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "application/octet-stream". Strict MIME type checking is enforced for module scripts per HTML spec.

说明无法解析.mjs 文件格式

解决方法

把mjs 的后缀改成js 或者 .htaccess 添加

<IfModule mod_mime.c>

AddType application//javascript js mjs

</IfModule>

如果发现存在跨域问题

找到viewer.mjs

将上面的代码注释即可。

相关推荐
满怀10153 分钟前
【Python进阶】元组:不可变序列的十大核心应用
开发语言·python
萌萌哒草头将军11 分钟前
✈️ Colipot Agent + 🔥 MCP Tools = 让你的编程体验直接起飞🚀
javascript·visual studio code·mcp
程序猿John13 分钟前
Python入门安装和语法基础
开发语言·python
一键三联啊16 分钟前
ArrayList的subList的数据仍是集合
java·开发语言
rocky19120 分钟前
谷歌浏览器插件 录制菜单路由跳转行为 事件重复解决方案
前端·javascript
purrrew24 分钟前
【数据结构_8】栈和队列
java·开发语言·数据结构
凤年徐34 分钟前
【C/C++】深入理解指针(二)
c语言·开发语言·c++·经验分享·笔记·指针
rocky19137 分钟前
谷歌浏览器插件 录制元素拖动事件
前端·javascript
Hello-FPGA42 分钟前
QT 初体验
开发语言·qt
coder77771 小时前
js逆向分享
javascript·爬虫·python·算法·安全