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>