|
本帖最后由 周大胖子 于 2018-7-10 17:16 编辑
等会儿!我先说一句!!!
让我死吧!!!!微软 我爱你 咱俩一起死吧!!!!!!!!!
开始:
前景提要: 要用IE在线展示 pdf文件。版本要求 9+
我在度娘上一层一层的找代码,发现几个版本;
1. 第一种: 直接 html代码搞定!【不兼容IE】, 为懒鬼准备我放下代码: (参考网址:https://www.cnblogs.com/xgyy/p/6119459.html )不要IE就这个不错- <embed src="http://localhost/180709/zkzkzk.pdf"
- id="review" style="width:800px; height:750px; margin-top:45px;margin-left:500px" >
- </embed>
复制代码
2. 第二种: 在第一种的基础上 到IE时候 弹个窗 让他下载插件!【或许该说是第一种的补充吧 不过 玛德我踩了这个坑 】;
3. 重点 !划重点! 第三种!! 注意 支持IE9 及 以上版本。
pdfobject.js + pdf.js 我先解释一下: pdfobject.js---------- 判断浏览器 是否 支持在线显示 pdf ;
pdf.js-------渲染pdf
使用步骤:
1. 下载 这两个不是一个东西 ,所以 得去两个地方下 有条件的可以百度。没条件的—— 没条件管我啥事?反正我写个自己看的!
我把两个合一块了,下载地址: http://gis.dengmichong.top/images/在线演示pdf.zip
2. 使用 来 把演示文件:index.html 里的代码复制粘贴出来 就可以 .不过配合iframe的封装我还没做 。贴一下吧:- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <title></title>
- <style>
- .pdfobject-container {
- width: 100%;
- height:580px;
- }
- .pdfobject { border: solid 1px #666; }
- </style>
- </head>
- <body>
- <div id="pdf"></div>
- <script src="./web/pdfobject.min.js"></script>
- <script>
- var options = {
- pdfOpenParams: {
- navpanes: 0,
- toolbar: 0,
- statusbar: 0,
- view: "FitV",
- pagemode: "thumbs",
- page: 2
- },
- forcePDFJS: true,
- PDFJS_URL: "./web/viewer.html"
- };
- // 在底下的位置 修改 pdf 的路径 记得加上PDF
- var myPDF = PDFObject.embed("http://localhost/180709/zkzkzk.pdf", "#pdf", options);
- var el = document.querySelector("#results");
- </script>
- <script>
- (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
- (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
- m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
- })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
- ga('create', 'UA-1394306-6', 'auto');
- ga('send', 'pageview');
- </script>
- </body>
- </html>
复制代码 注意: 网上说 文件 一定要放到 web 文件夹里!但是实际情况却不是这样的。不过 要是相对目录的话 就得以WEB 目录为根 而不是以index.html 为根了。
|
|