方法一:百度云上传文件不加密 生成连接放到本地
方法二:js插件
1-引入插件
jquery.media.js https://download.youkuaiyun.com/download/lowkeyyet/8236807
或者 //github.com/malsup/media/tree/master
jquery-1.7.2.min.js
2-html 代码
<a class="media" href="__PUBLIC__/Document/xxx.pdf">浏览</a>
//js代码需放在对应A标签的后面 js设置宽高 不能写PX
<script>
$('a.media').media({width:800,height:800});//设置浏览框
</script>
PS:如果文档容量大,可以考虑使用虚拟目录 将文件牵引到指定文件目录
虚拟目录
原理:在默认文件夹下新建虚拟目录,虚拟目录映射到对应文件路径。
设置:环境中的apache => httpd.conf 文件
1- 去掉下面代码的注释符#:
LoadModule alias_module modules/mod_alias.so
2- 虚拟目录映射
httpd.conf 中
<IfModule alias_module>
Alias /Public/Document D:/thinkUpload/Ktpels
#前面默认路径 后面 目标路径
3-开放目标目录的访问权限
http.conf 中
<Directory>
Optioons Indexes FollowSymLinks
AllowOverride None
</Directory>
方法二:js插件
1-引入插件
jquery.media.js https://download.youkuaiyun.com/download/lowkeyyet/8236807
或者 //github.com/malsup/media/tree/master
jquery-1.7.2.min.js
2-html 代码
<a class="media" href="__PUBLIC__/Document/xxx.pdf">浏览</a>
//js代码需放在对应A标签的后面 js设置宽高 不能写PX
<script>
$('a.media').media({width:800,height:800});//设置浏览框
</script>
PS:如果文档容量大,可以考虑使用虚拟目录 将文件牵引到指定文件目录
虚拟目录
原理:在默认文件夹下新建虚拟目录,虚拟目录映射到对应文件路径。
设置:环境中的apache => httpd.conf 文件
1- 去掉下面代码的注释符#:
LoadModule alias_module modules/mod_alias.so
2- 虚拟目录映射
httpd.conf 中
<IfModule alias_module>
Alias /Public/Document D:/thinkUpload/Ktpels
#前面默认路径 后面 目标路径
3-开放目标目录的访问权限
http.conf 中
<Directory>
Optioons Indexes FollowSymLinks
AllowOverride None
</Directory>
本文介绍了两种在线浏览PDF的方法。方法一是通过百度云上传不加密的PDF文件并生成链接;方法二是使用js插件jquery.media.js配合html代码实现。在使用js插件时需要注意设置浏览框的宽高,并确保js代码放置在A标签之后。对于大容量的PDF,可以考虑设置虚拟目录以优化访问速度和权限管理。
7万+

被折叠的 条评论
为什么被折叠?



