pdf.js使用步骤

sun_weitao2024-03-02 9:27

使用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 添加

AddType application//javascript js mjs

</IfModule>

如果发现存在跨域问题

找到viewer.mjs

将上面的代码注释即可。