网页在线浏览PDF

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


方法二:js插件


1-引入插件
       jquery.media.js   https://download.csdn.net/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:如果文档容量大,可以考虑使用虚拟目录 将文件牵引到指定文件
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
PDF.js是一个由Mozilla开发的开源JavaScript库,用于在网页上直接浏览PDF文档。通过使用PDF.js,您可以在不依赖任何插件的情况下在网页上展示和操作PDF文件。 在你提供的引用中,PDF.js被用于支持无限放大、查看本地PDF文件以及网络PDF文件,并且还可以点击PDF中的链接。这意味着您可以使用PDF.js来创建一个应用程序,用户可以在应用程序中浏览本地和网络上的PDF文档,并且可以自由地进行缩放和导航。 为了使用PDF.js,您需要将PDF.js库添加到您的应用程序中。根据您提供的引用,你可以将PDF.js库压缩并放置在您的应用程序的asset文件夹中。在首次使用应用程序后,您可以将压缩的库解压到本地保存,并通过调用库来直接浏览PDF文件。 但是,请注意,根据引用,PDF.js在本地直接浏览PDF不可用,您可能需要将应用程序部署到服务器上才能尝试功能。这是因为在本地浏览PDF时,可能会遇到一些安全限制,而通过将应用程序部署到服务器上,可以避免这些限制。 综上所述,PDF.js是一种用于在网页浏览PDF文件的方式。您可以使用PDF.js库来创建一个应用程序,用户可以在应用程序中浏览本地和网络上的PDF文档,并且可以进行缩放和导航。但是请注意,在本地直接浏览PDF时可能会遇到一些限制,因此您可能需要将应用程序部署到服务器上来尝试功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值