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

网站源码网新手教程

2021-01-07

我们在用dedecms织梦建站时候，需要在网页中直接加载pdf文档，这个需要怎么操作呢？其实有一些浏览器中你打开一个pdf的链接是可以直接预览的，比如谷歌浏览器等，但是一些不支持

我们在用dedecms织梦建站时候，需要在网页中直接加载pdf文档，这个需要怎么操作呢？其实有一些浏览器中你打开一个pdf的链接是可以直接预览的，比如谷歌浏览器等，但是一些不支持pdf预览的浏览器，我们可以通过一个js控件实现预览，代码如下：

主要代码：

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网页中直接显示pdf文档方法

上一篇：织梦如何去掉当前位置(面包屑)的链接调用

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

最新VIP资源

响应式工程重工机械挖土机设备pbootcms网站模板

PBootcms模板

2023-10-28 95

大学教育留学机构宣传推广页网站模板

静态html模板

2023-10-28 115

微官网美食订餐html5触屏响应式手机wap模板

静态html模板

2023-10-28 93

响应式服装设计定制公司pbootcms模板

PBootcms模板

2023-10-25 114