当前位置:主页 > jquery插件 > 图片展示 >

超强PDF在线预览插件-PDF.JS

栏目分类:图片展示   模板编号:JQ00026    发布日期:2017-05-26   来源:网络   浏览次数:次     在线预览
超强PDF在线预览插件-PDF.JS

使用方法

第一步:下载本插件,解压压缩包

第二步:将解压后的文件夹拷贝到你的项目中去

第三部:编辑“pdfshow/web/viewer.js”文件中的 “var DEFAULT_URL = 'test.pdf';”将PDF文件的路径改成自己的路径即可。

第四部:可以通过a标签来访问pdf文件

<a href="#" onclick="window.open('/pdfshow/web/viewer.html?file=test.pdf','PDF','width:50%;height:50%;top:100;left:100;');">查看test.pdf</a>

第五步:如果想要在内页直接使用,请将插件上传网站更目录,重复上述步骤后,在编辑器中使用:

<iframe id="iframe" src="http://域名//pdfshow/web/viewer.html?file=test.pdf" frameborder="0" width="" height=""></iframe>

即可直接引用PDF了!


更新:

插件去掉了臃肿的无用文件,保留核心文件,大大减少文件体积,更新到最新稳定版本1.7.225。

修复了之前插件无法加载PDF文件的BUG。

下载最新版插件,按照上面教程轻松实现网页预览PDF文件!

在线演示 立即下载
打赏本站
云盘密码:am3o
相关下载
Copyright © 2014 资源盒子 版权所有   黔ICP备14004500号-3   TAG
轮播图 滚动代码 表单按钮 音频视频 客服代码 弹出提示 TAB选项卡 导航菜单 页面布局 图片展示 UI
织梦标签工具下载 ↑↓
织梦标签工具下载