PageAdmin网站内容管理系统(CMS)交流论坛

注册

 

QQ登录

只需一步,快速开始

发新话题 回复该主题

大神们,怎么实现pdf在线阅读 [复制链接]

1#
后台编辑器上传了pdf文件,怎么实现在线预览,而不是需要点击后才能打开,我们这边有很多文件都是pdf文档。
分享 转发
TOP
2#

不要通过编辑器上传,单独新建一个附件字段,这样模板中可以调用用的pdf的上传路径,方便和插件整合。

pdf阅读插件:http://www.jq22.com/jquery-info782,把这个插件集成到内页面模板
TOP
3#

做个记号
TOP
4#

再记一个
TOP
5#

备用,正好也在找这个。
TOP
6#

     我就是用的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>
TOP
7#

回复 6楼hmvip2008的帖子

内容页模板的代码能不能分享出来一下。
TOP
发新话题 回复该主题