网页中实现安卓手机在线预览PDF文件
写在前面:本文为转载,原文链接:https://blog.csdn.net/super_DuoLa/article/details/90207965原文链接
苹果手机可以直接在线预览PDF文件,而安卓手机不行,必须得下载(如图),所以需要解决一下
1.准备所需js文件
(1)js下载地址https://mozilla.github.io/pdf.js/
(2)下载步骤
①:打开网址后,点击图中的“Download”
②:选择版本,直接下载即可
2.在项目中导入相关JS文件(如图)
3.编写代码
(1)引入js文件
<script src="js/build/pdf.js"></script>
<script src="js/web/viewer.js"></script>
<link rel="stylesheet" href="js/web/viewer.css">
(2)指定相应文件路径
①:默认情况下,需要“mypdf”文件和“viewer.html”文件必须在同一个目录下,如图
<a target="_blank" href="js/web/viewer.html?file=mypdf/test.pdf">在线预览PDF文件</a>
②:如果项目中无法实现两个文件在同一目录下(如图),可以使用相对路径来实现
<a target="_blank" href="js/web/viewer.html?file=../../mypdf/test.pdf">在线预览PDF文件</a>
3.效果(安卓可在线预览PDF文件)
网页中实现安卓手机在线预览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文件! 翻来覆去找到两种办法 ,最后采用了jquery.media.js插件 方式一 将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功能,html中在线预览pdf文件之pdf在线预览插件
html中在线预览pdf文件之pdf在线预览插件 最近遇到一个需求,要在html页面查看pdf生成的pdf文件!javascript 翻来覆去找到两种办法 ,最后采用了jquery.media.js插 ...
- html浏览pdf文件,HTML网页在线预览PDF文件
image.png image.png 今日工作需要,需要在线预览PDF文件,so,做了个研究,下面将网页在线预览pdf的方法做个梳理,大家共同学习成长吧 方法分为三种 1. 方法1-embed标签 ...
- 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 ...
最新文章
- 广东蓝桥杯c语言编译器_小软访谈之榜样充电站 千里之行,始于足下——“蓝桥杯”获奖者采访...
- 在linux下安装配置DNS服务器
- 控件与布局(WPF)
- layui 下拉框空选项不显示_layui下select下拉框不显示或没有效果
- Taglist:Exuberant ctags.......
- PTA数据结构期末练习 - 单选题、判断题
- 【SpringCloud】Spring Cloud bus
- php5.3之后如何加载zend
- bash快捷建-光标移到行首、行尾等
- qt使用QZxing生成二维码
- mozilla原代码编译
- 浅析openvn redirect-gateway组建公司专网的使用
- blender 简单的浮雕制作
- 如何用ps修改图片的大小不变形
- 桌面计算机找不到硬盘,bios找不到硬盘完美解决方法 选择STATConfigur
- ubuntu 22.04设置字体为Garuda(mac字体Lucida Grande的开源替代)
- 查看CUDA,GPU对应计算能力
- C# 打印调试信息到DebugView
- 这个立冬,我线下面基了一位TMD高级专家,太牛逼了!
- nova-week2
热门文章
- AndroidApp学习笔记
- [BZOJ3817] Sum
- 11. 查询每个学生及其选修课程的情况,保留学生学号,姓名,课程号,课程名,成绩
- 基姆拉尔森计算公式求星期
- BlockChain:2020年7月10日世界人工智能大会WAIC《链智未来 赋能产业区块链主题论坛》(三)
- 高中学历可以直接升本科学历吗
- IBM小型机型号p595
- Python 调用Vpython编写三体运动模型(不含碰撞)
- android Java层和Native层frida hook的一些系统参数的修改
- 【报错】onMounted is called when there is no active component instance too be associated with.