参考这个可以完成。
https://www.cnblogs.com/xianglee/p/5780581.html
把generic->web->viewer.js里的DEFAULT_URL注释掉。然后在同一路径下新建一个viewer.php文件。里面代码:
echo file_get_contents($_GET['pdf_url']);
目的是获取url地址,之后在viewer.html里面添加获取url的代码。
首先注释掉最上面的DEFAULT_URL,然后在script里获取传入的url。
<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>
至于传参的html文件。
可以参考:
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <script src='__PUBLIC__/common/PDFObjectTest/generic/build/pdf.js' ></script> <script src='__PUBLIC__/common/PDFObjectTest/pdfobject.js' ></script> <link href="__PUBLIC__/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="__PUBLIC__/cq/css/normalize.css"/> <script type="text/javascript" src="__PUBLIC__/common/js/jquery-2.1.4.min.js"></script> <script type="text/javascript" src="__PUBLIC__/bootstrap/js/bootstrap.min.js"></script> <script src="__PUBLIC__/cq/js/jquery.ba-throttle-debounce.min.js"></script> <script src="__PUBLIC__/cq/js/jquery.stickyheader.js"></script> <script src="__PUBLIC__/cq/js/jquery.floatThead.js"></script> <title>pdf上传测试</title></head><body><button id="example" style="height: 100%">点击</button></body></html><script> document.oncontextmenu=function(ev) { return false; }// var options = {// height: "800px",// pdfOpenParams: { scrollbars: '0', toolbar: '0', statusbar: '0'}// };// PDFObject.embed("__PUBLIC__/pdf_test.pdf","#example",options);// $('#example').click(function () { window.open('__PUBLIC__/common/PDFObjectTest/generic/web/viewer.html?pdf_url='+str,'PDF','width:50%;height:50%;top:100;left:100;'); });</script>
这个window.open里面的str 就是pdf的地址。 如http:xxxxx/sam.pdf
网上各种跨域什么的,方法挺复杂的。也不是很理解。继续学习