老莫的笔记本  
  
查看: 1064|回复: 0

PDFJS跨域问题!!!已解决!!!

[复制链接]

664

主题

881

帖子

5169

积分

超级版主

Rank: 8Rank: 8

积分
5169
发表于 2018-7-19 10:57:45 | 显示全部楼层 |阅读模式
如果 不考虑IE  你就直接堆!连PDFJS都别用!
用PDFJS的前提: 1、考虑 IE在线预览 ; 2. 拿到的文件地址为绝对地址!如果是相对就不用跨域!
参考文献:https://blog.csdn.net/anciend/article/details/80062213


我用了文档中第二种解决方式:
第一步:修改  web 文件夹外的调用文件index.html  修改链接地址:
  1. <iframe src="./web/viewer.html?pdf_url=http://qk.0518360.com/Uploads/Public/Public/2018-07-19/5b4ff42f4046d.pdf" frameborder="0" style="width:600px; height:400px; "></iframe>
复制代码
第二步:viewer.js 注释掉 DEFAULT_URL

第三步: 新建viewer.php 文件 在web 目录下        PHP全部代码:就一行
  1. <?php
  2. echo file_get_contents($_GET['pdf_url']);
复制代码

第四步:在 viewer.html 页面底部添加:
  1. <script>
  2.     var DEFAULT_URL = './viewer.php?pdf_url='+getQueryStringByName('pdf_url');
  3.     function getQueryStringByName(name){
  4. var result = location.search.match(new RegExp("[\?\&]" + name+ "=([^\&]+)","i"));
  5. if(result == null || result.length < 1){
  6. return "";
  7. }
  8. return result[1];
  9.     }
  10. </script>
复制代码

第五步: 其实没有第五步,我就是想加个备注: 一定要在PHP  运行环境中测试! 否则就扯淡了! 我本地测试 node环境宣告失败,PHP环境 完美成功。 所以 后台不是PHP的 请绕行。





回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表