码迷,mamicode.com
首页 > Web开发 > 详细

pdf.js的使用(跨域)

时间:2016-08-17 16:45:55      阅读:2204      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!