PDF.js获取远程服务器的文件

最新推荐文章于 2024-09-05 10:37:19 发布

小公子三木君

最新推荐文章于 2024-09-05 10:37:19 发布

阅读量2.4k

点赞数

本文链接：https://blog.csdn.net/qq_21208843/article/details/80840317

版权

参考这个可以完成。

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。

至于传参的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>