产品使用及交流论坛

首页 » 产品使用交流区 » 安装及使用交流 » 大神们,怎么实现pdf在线阅读
JHVILY - 2019/6/4 15:32:25
后台编辑器上传了pdf文件,怎么实现在线预览,而不是需要点击后才能打开,我们这边有很多文件都是pdf文档。
15664
xiyou - 2019/6/4 16:25:32
不要通过编辑器上传,单独新建一个附件字段,这样模板中可以调用用的pdf的上传路径,方便和插件整合。

pdf阅读插件:http://www.jq22.com/jquery-info782,把这个插件集成到内页面模板
35inter - 2019/6/4 17:40:14
做个记号
aqliuxt0556 - 2019/6/10 16:57:44
再记一个:D
glxxjyf - 2019/6/10 20:07:54
备用,正好也在找这个。
hmvip2008 - 2019/6/10 22:07:14
     我就是用的xiyou大神的方法,新建一个pdf的附件字段,在pdf.js官网下载最新版插件,然后上传到主机相应目录下,在模板中集成这个插件, 具体实现的主要代码如下:(只能使用ie11以上浏览器和谷歌/火狐类浏览器)
        <script type="text/javascript" src="/Incs/PDFJS/build/pdf.js"></script>
                <script type="text/javascript" src="/Incs/PDFJS/build/pdf.worker.js"></script>
                 <style type="text/css">
                        .pdfobject-container { height: 900px;}
                        .pdfobject { border: 1px solid #666; }
                </style>
                <div class="content" id="Content">
                    
                    <script>
                        var options = {
    pdfOpenParams: {
        navpanes: 0,
        toolbar: 0,
        statusbar: 0,
        view: "FitV",
        pagemode: "none",
        zoom:"page-fit",
        page: 1
    },
    forcePDFJS: true,
    PDFJS_URL: "/Incs/PDFJS/web/viewer.html"
};

var myPDF = PDFObject.embed("@infoData.PDF", "#Content", options);

                    </script>
JHVILY - 2019/6/12 17:39:20
回复 6楼hmvip2008的帖子

内容页模板的代码能不能分享出来一下。
1
查看完整版本: 大神们,怎么实现pdf在线阅读