首页 > Web开发 > 详细

pdf.js的使用(跨域)

时间:2016-08-17 16:44:28      阅读:628      评论:0      收藏:0      [点我收藏+]

开发微信公众号,项目需求是,多个pdf文件,点击时在线打开。

找了好多教程,贴一个参考文章。http://blog.csdn.net/xiangcns/article/details/42089189

pdf.js源码地址:http://mozilla.github.io/pdf.js/

把文件上传到项目中。

技术分享

文件结构如图。

把generic->web->viewer.js里的DEFAULT_URL注释掉,新建一个php文件。

<?php
echo file_get_contents($_GET[‘pdf_url‘]);

目的是动态获取从前台传入的url值。

js部分这样写,点击对应的Pdf时触发事件,pdf_url为传过去的url参数。

window.open(‘相对路径/generic/web/viewer.html?pdf_url=‘+str,‘PDF‘,‘width:50%;height:50%;top:100;left:100;‘);
在generic->web->viewer.html里插入以下代码:
<script>
var DEFAULT_URL = ‘viewer.php?pdf_url=‘+getQueryStringByName(‘pdf_url‘);
function getQueryStringByName(name){
     var result = location.search.match(new RegExp("[\?\&]" + name+ "=([^\&]+)","i"));
     if(result == null || result.length < 1){
         return "";
     }
     return result[1];
}
</script>

 



 

pdf.js的使用(跨域)

原文:http://www.cnblogs.com/xianglee/p/5780581.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!