JHVILY - 2019/6/4 15:32:25
后台编辑器上传了pdf文件,怎么实现在线预览,而不是需要点击后才能打开,我们这边有很多文件都是pdf文档。

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的帖子内容页模板的代码能不能分享出来一下。