如何在浏览器中打开PDF文件并实现预览的思路与代码
来源:互联网 发布:网络的各种好处 编辑:程序博客网 时间:2024/06/07 21:41
编写项目遇到一个需要在浏览器中打开PDF文件的问题。最终实现效果如下:
其实也就是简单的在浏览器中实现一个打开pdf文件,并有类似预览功能的边框。
其实在网上经常见到类似的页面,在浏览器中打开pdf文档,可大部分都是由于版权的原因使用了一些很特殊的技术,自然很难模仿了。
即使有直接在浏览器打开的例子,也必须手动点击一下链接然后才能打开pdf文件。如何直接打开,而不用点击链接呢?
本以为自己对js很熟,也就使用js模拟点击,可就是不管用,没办法,只能在网上继续寻找资料。最终想不到代码却很简单。
最主要的是使用到了一个jquery的插件jquery.media.js,使用这个插件就很容易实现了。
核心代码:
<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <meta content="IE=7.0000" http-equiv="X-UA-Compatible"/><title>pdf阅读</title><script type="text/javascript" src="pdfview_files/jquery-1.7.2.min.js"></script><script type="text/javascript" src="pdfview_files/jquery.media.js"></script><script type="text/javascript"> $(function () { $('a.media').media({ width: 800, height: 800 }); });</script></head><body> <form id="form1" runat="server"> <div id="main"><a class="media" href="../../灾害性天气典型个例/暴雨/河套西部一次局地大暴雨成因分析.pdf" id="PDFFile">河套西部一次局地大暴雨成因分析</a></div> </form></body></html>
使用jquery.media.js就可以直接把一个连接到pdf文件的链接打开,满足了需求。
8个实现在线浏览PDF文件的实用jQuery插件
PDFObject
pdf.js
jsPDF
jQuery Media Plugin
- 如何在浏览器中打开PDF文件并实现预览的思路与代码
- 解决手机端,用微信浏览器中预览pdf文件,并实现手势放大缩小。
- 在浏览器中下载及打开文件的代码
- 在浏览器中打开预览sublime text当前所编辑文件的方法和快捷键设置
- 【特种兵Word教程】如何在Word2013中打开PDF文件并编辑?
- 浏览器实现PDF预览
- 浏览器实现PDF预览
- 浏览器pdf文件预览的相关问题
- 在浏览器中打开项目之外的图片或pdf
- Asp.net实现直接在浏览器预览Word、Excel、PDF、Txt文件(附源码)
- 【教程】PDF组件Spire.PDF 教程:在C#中显示PDF文件的打印预览
- 如何在浏览器中打开IM并执行相应操作
- 在浏览器中直接打开PDF
- 如何实现VB中打开图像文件时的预览功能
- 如何在Sublime Text中创建build system命令打开浏览器预览html页面
- 浏览器中在线预览pdf文件(不使用插件)
- html中实现添加水印的功能 / 在jsp页面上直接打开PDF文件
- 如何实现在浏览器中打开IM聊天窗口?
- OpenCV图像像素操作及效率分析
- Lesson 2 Thirteen equals one
- memcached服务器搭建(RedHat5)
- 从一个文件中读取明密对照表,翻译密文(注释部分为c++primer标准答案,非注释部分自己写的)
- 梦
- 如何在浏览器中打开PDF文件并实现预览的思路与代码
- C++实现快速排序(源代码)
- 详解Eclipse Dynamic Web Project
- jtable排序后的索引问题
- 【运维】使用PowerShell建立网站
- 指针变量
- shell统计网卡流量速度
- 第九周上机实践------判断哪年哪月有几天
- 50个实用jQuery代码段(一)