pdf.js,内含跨域解决办法



PDF.js 是一个开源的 JavaScript 库,由 Mozilla 团队开发,主要用于在浏览器环境中渲染 PDF 文档。这个库使得开发者能够在网页上实现高质量的 PDF 文件查看功能,而无需依赖任何第三方插件。它支持多种现代浏览器,包括 Chrome、Firefox、Safari、Edge 和 Internet Explorer。 在浏览器中查看 PDF 文件时,可能会遇到一些问题,比如文件加载缓慢、显示不完整或无法正确处理交互等。PDF.js 的出现解决了这些问题,它提供了高效且灵活的 PDF 渲染方案,能够以接近原生的方式展示 PDF 内容,包括文字、图像、链接以及表单等元素。 关于跨域问题,这通常是由于浏览器的安全策略限制,即同源策略(Same-Origin Policy)导致的。当尝试从一个域名下加载另一个域名的资源时,如果没有正确的 CORS(Cross-Origin Resource Sharing)设置,浏览器会阻止这种请求。对于 PDF.js 而言,如果 PDF 文件存储在与网页不同的域下,可能会引发跨域问题,导致 PDF 无法正常加载。 为了解决跨域问题,PDF.js 提供了几种解决方案: 1. 服务器端配置:在服务器端设置 CORS 头部,允许来自其他域的请求。例如,在 Apache 或 Nginx 配置中添加 `Access-Control-Allow-Origin` 头,指定允许访问的源或者使用通配符 `*` 允许所有来源。 2. 使用代理:在你的应用服务器上设置一个代理,将 PDF 请求转发到实际的 PDF 存储服务器。这样,浏览器会认为 PDF 是从你的应用服务器加载的,避免了跨域问题。 3. PDF.js 配置:在使用 PDF.js 的时候,可以通过设置 `crosDomainScriptingWhitelist` 来允许从特定域加载 PDF。在 `pdfjs/web/pdf.js` 文件中,找到 `PDFJS.corsEnabled = true;` 并添加白名单配置。 4. 本地开发:在开发环境中,可以通过修改浏览器的设置或使用工具(如 Chrome 的 `--disable-web-security` 参数)暂时禁用同源策略,但这只适用于测试,不适合生产环境。 在压缩包 `pdfjs-1.8.188` 中,包含了 PDF.js 版本 1.8.188 的源码和相关资源。你可以通过阅读文档和示例代码来了解如何集成和配置 PDF.js,以及如何处理跨域问题。此外,这个版本可能已经有些过时,因此在实际项目中,建议使用最新稳定版,以获取更好的性能和新特性。记得定期检查更新,以保持最佳的兼容性和安全性。




















































































































- 1
- 2
- 3
- 4

- xianzhi5582018-05-08亲测有效,关键就是我在nginx.conf里面添加了add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Credentials' 'true';
- shangguanyunxi2017-11-27试试看.......
- qq_383278522018-03-19试试看,能不能跨域读取
- qq_380806422018-05-23没有解决跨域问题 还是显示意外的服务器响应

- 粉丝: 65
- 资源: 29
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助


最新资源
- 新开大创项目.zip
- 控制台下的超级玛丽,自己做的“黑框框程序创意设计大赛”作品。。。一般般,可是符合现阶段我的水准,加油.zip
- 我的大创项目.zip
- 我创建的坦克大战.zip
- 接的大创项目.zip
- 心情漂流瓶(大创).zip
- 快展 - 展会商旅移动App 快展 - 已获得 携程无线创业大赛 金奖.zip
- 我个人编写的一个E-Prime教程,其实不是一个软件,而是一个文字作品。但是我欢迎大家修改,添加内容.zip
- 微信公众号文章 Markdown 编辑器,使用 markdown 语法创建一篇简介美观大方的微信公众.zip
- 律师事务所(大创).zip
- 开箱即用的Laravel后台扩展,前后端分离,后端控制前端组件,无需编写vue即可创建一个vue+v_1.zip
- 广东政务数据创新大赛—智能算法赛亚军解决方案.zip
- 开箱即用的Laravel后台扩展,前后端分离,后端控制前端组件,无需编写vue即可创建一个vue+v.zip
- 广西大学赛尔网络创新项目-购售电云平台.zip
- 山东省第二届数据应用创新创业大赛-日照分赛场-公积金贷款逾期预测baseline.zip
- 基于PWM滞环算法的APF有源滤波器三相三线制谐波电流检测与仿真研究,三相三线制APF有源滤波器仿真:基于p-q、ip-iq方法的谐波电流检测与PWM滞环算法控制研究,APF有源滤波器仿真,三相三线制


