我们在用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控件点击这里:点击下载
版权声明:本站部分内容来源互联网,如果文章中所涉及的图片或者文字内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!
织梦狗模板
织梦dedecms网页中直接显示pdf文档方法
最新VIP资源
猜你喜欢
- dedecms模板中将面包屑导航中的"首页"换成小图标的方法 2021-04-08
- Dedecms织梦后台上传提示你没有选择上传的文件 2023-08-09
- 织梦dede:flink标签支持limit属性的方法 2023-08-06
- dedecms织梦有简标题显示简标题,无则显示标题的办法 2021-03-27
- 织梦dedecms如何修改后台左侧导航栏链接和名称 2021-08-23
- 织梦dedecms隐藏自定义字段仅对会员显示 2021-08-31
- 去掉织梦网站底部的powered by dedecms方法 2023-07-22
- 织梦DEDECMS自定义表单SQL命令行批量删除垃圾留言 2021-07-28
- 织梦dede后台按关键词搜索文章内容的方法 2021-07-13
- 织梦dedecms复制文章自动加上版权信息功能的实现 2021-03-13