pdf.js的使用（跨域）

开发微信公众号，项目需求是，多个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>