您现在的位置是:首页 > 教程 > dedecms教程dedecms教程
织梦dedecms网页中直接显示pdf文档方法
凡旋2023-09-12 23:19:01dedecms教程已有43人查阅
导读我们在用dedecms织梦建站时候,需要在网页中直接加载pdf文档,这个需要怎么操作呢?其实有一些浏览器中你打开一个pdf的链接是可以直接预览的,比如谷歌
我们在用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控件点击这里:点我下载
主要代码:
<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控件点击这里:点我下载
本文标签:
很赞哦! (0)
下一篇:织梦怎么传pdf的文档到网站中
暂无内容 |
暂无内容 |
暂无内容 |
暂无内容 |
随机图文
织梦dedecms如何修改内容页的评论和调用评论数
DEDE如何修改内容页的评论数量就是一个头疼的问题,我今天搞定这个问题了。修改文件:\plus\feedback_ajax打开这个文章 找到16行DEDE5.6升级dedecms5.7无法发布编辑文章的方法
DEDECMS5.6升级到5.7后导入老数据库数据无法发布编辑文章的解决办法此问题是从5.6升级到5.7再导入老数据库3表(附加表,主表,微表)后出的织梦上传FLV文件后管理器中不显示怎么办
最近在研究v5.5的自建模型,我添加了很多的多媒体字段,并且在系统设置的媒体类型中加上了flv类型,但是,在模型的使用中,但文件管理器却不能显示已经上传了的flv格式的文件。Dedecms更新时出现DedeTag Engine Create File False的解决方法
更新栏目时出现 DedeTag Engine Create File False 错误,不过还好网络上有不少解决方案,按照他们的方法修改成功了,特意转发到博客给需要的朋友参考。
留言与评论 (共有 0 条评论) |