网页在线浏览PDF

aaa1_1aaa

于 2018-04-01 23:32:46 发布

阅读量4.1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/aaa1_1aaa/article/details/79783429

本文介绍了两种在线浏览PDF的方法。方法一是通过百度云上传不加密的PDF文件并生成链接；方法二是使用js插件jquery.media.js配合html代码实现。在使用js插件时需要注意设置浏览框的宽高，并确保js代码放置在A标签之后。对于大容量的PDF，可以考虑设置虚拟目录以优化访问速度和权限管理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一：百度云上传文件不加密生成连接放到本地

方法二：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>