如何在html中在线预览pdf文件
一、jquery,media.js (最为推荐)
1.首先引入jquery-1.7.1.min.js和jquery.media.js两个js文件,下载保存到本地
下载地址:jquery,js&&jquery.media.js
提取码:jkfy
<script type="text/javascript" src="./jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="./jquery.media.js"></script>
2.页面加载完成需要执行的js代码:
$(function() {$('a.media').media({width:'100%', height:'900px'});
});
3.在需要预览的区域加上html代码:
<div><a class="media" href="你的文件链接路径.pdf"></a>
</div>
二、通过pdfobject.js插件
1.引入pdfobject.js插件
<script type="text/javascript" src="js/pdfobject.js"></script>
下载地址:https://pan.baidu.com/s/1PsLv9icTB5CZiMM825Hcdg
提取码:jkfy
2.写js代码
<script type="text/javascript">window.onload = function (){var pdf = PDFObject.embed("assets/docs/xx免责声明及数据安全保密协议.pdf","#pdf");};
</script>
三、通过pdf.js插件
下载地址:https://github.com/mozilla/pdf.js
文件很多,很麻烦 ,不推荐,有兴趣可以查看相关文章
如何在html中在线预览pdf文件相关推荐
- 如何在html中在线预览pdf文件?
方法1:使用 jquery js 库 1.引入 jquery-3.1.1.min.js 和 jquery.media.js 两个js文件,下载保存到本地 下载连接:jquery-3.1.1.min.j ...
- html中在线预览pdf文件之pdf在线预览插件
html中在线预览pdf文件之pdf在线预览插件 最近遇到一个需求,要在html页面查看pdf生成的pdf文件! 翻来覆去找到两种办法 ,最后采用了jquery.media.js插件 方式一 将pdf ...
- html做在线预览pdf文件,html中在线预览pdf文件之pdf在线预览插件
html中在线预览pdf文件之pdf在线预览插件 最近遇到一个需求,要在html页面查看pdf生成的pdf文件! 翻来覆去找到两种办法 ,最后采用了jquery.media.js插件 方式一 将pdf ...
- html 在线预览pdf功能,html中在线预览pdf文件之pdf在线预览插件
html中在线预览pdf文件之pdf在线预览插件 最近遇到一个需求,要在html页面查看pdf生成的pdf文件!javascript 翻来覆去找到两种办法 ,最后采用了jquery.media.js插 ...
- 网页中实现安卓手机在线预览PDF文件
写在前面:本文为转载,原文链接:https://blog.csdn.net/super_DuoLa/article/details/90207965原文链接 苹果手机可以直接在线预览PDF文件,而安卓 ...
- android 在线预览pdf文件
android原生webView不支持预览pdf文件,ios却可以,所以android想要实现在线预览webView要通过其他方法,有以下几种方法: 1.andorid原生自带的pdf管理库,主要提供 ...
- Vue-pdf实现在线预览PDF文件
前言 在大多数项目中都会遇到在线预览PDF文件,项目使用的是element ui,使用vue-pdf实现. 安装依赖 npm install --save vue-pdf 相关参数 参数介绍: url ...
- uniapp在线预览pdf文件
公司要求uniapp打包的h5和app都要能在线预览pdf文件.最开始是想找uniapp的插件,去插件市场搜了下,没得几个插件可用,且需要收费,所以直接用的pdf.js插件实现,在h5以及h5打包的a ...
- js在线预览pdf文件
js在线预览PDF文件 一.效果预览 二.实现代码: <html> <head> <meta http-equiv="Content-Type" co ...
- html浏览pdf文件,HTML网页在线预览PDF文件
image.png image.png 今日工作需要,需要在线预览PDF文件,so,做了个研究,下面将网页在线预览pdf的方法做个梳理,大家共同学习成长吧 方法分为三种 1. 方法1-embed标签 ...
最新文章
- 在服务器上排除问题的头 5 分钟
- Python -二维数组定义
- java 防止文件下载_Spring,Java:流式文件下载以避免内存不足错误
- 动态规划——Poj 1159 Palindrome
- 判断cloudblob是否存在
- 使用jieba和wordcloud进行中文分词并生成《悲伤逆流成河》词云
- 【转】SOAR从概念到落地
- 雨滴桌面时间插件_真香!这 3 款软件,让你的电脑桌面清爽又高效!
- 击溃音乐服务器第一人!周杰伦新歌首发,QQ音乐服务器一度崩溃
- Web安全实践(11)用户名枚举
- 无法使用prop_Adobe Launch配置流量变量(Prop)
- 杰奇2.3内核淡绿唯美小说网站源码 PC+手机版
- 14个PLC入门基础知识
- 计算机教师的人生格言,教师人生格言大全
- 爬虫练习三:爬取链家二手房信息
- 电信大数据平台数据安全风险及解决方案分析
- Cross Domian iFrame Exceptions 跨域iFrame屏蔽例外
- 看云上 ClickHouse 如何做计算存储分离
- 买不起房的职场人,把装修欲转移到了工位
- 买好了虚拟服务器后怎么办,购买虚拟主机后应该怎么操作?