织梦dedecms网页中直接显示pdf文档方法

2021-01-07 dedecms教程
  • 文章介绍
我们在用dedecms织梦建站时候,需要在网页中直接加载pdf文档,这个需要怎么操作呢?其实有一些浏览器中你打开一个pdf的链接是可以直接预览的,比如谷歌浏览器等,但是一些不支持pdf预览的浏览器,我们可以通过一个js控件实现预览,代码如下:
 
主要代码:
 
<script type="text/javascript" src="/js/pdfobject.js"></script>
<script type="text/javascript">
window.onload = function (){
    var success = new PDFObject({ url: "/pdf/yourpdf.pdf" ,pdfOpenParams: { scrollbars: '0', toolbar: '0', statusbar: '0'}}).embed("pdf1");
};
</script>
<div id="pdf1" style="width:700px; height:600px;">It appears you don't have Adobe Reader or PDF support in this web browser. <a href="/pdf/yourpdf.pdf">Click here to download the PDF</a></div>
 
PDFObject.js,是一个 JavaScript 库用来在HTML中动态嵌入 PDF 文档。大家在使用时候一定要注意红色部分文件的路径,搞对文件才可以。
 
只需要引用pdfobject.js,不需要额外的库,这个js控件点击这里: 点我下载

 

上一篇:怎样更换dedecms网站的logo图

下一篇:织梦怎么传pdf的文档到网站中

专业的织梦模板定制下载站,在线购买后即可下载!

商业源码

跟版网模板,累计帮助5000+客户企业成功建站,为草根创业提供助力!

立刻开启你的建站之旅
QQ在线客服

服务热线

织梦建站咨询