Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >安卓手机网页中实现在线预览PDF文件

安卓手机网页中实现在线预览PDF文件

作者头像
Lcry
发布于 2022-11-29 11:00:10
发布于 2022-11-29 11:00:10
6.1K00
代码可运行
举报
文章被收录于专栏:Lcry个人博客Lcry个人博客
运行总次数:0
代码可运行

大家知道的,苹果手机打开网页pdf文件默认可以打开,内置了阅读器,但是Android就不行,必须使用一些js手段来实现在线预览,不然就会直接提示下载,很不友好。下面分享一下简单几步实现安卓手机在线预览pdf文件。

1)首先去下载一些js包,下载地址:点此直达

2)点击下载即可,下载稳定版本

3)引入到项目中:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<script src="js/build/pdf.js"></script>
<script src="js/web/viewer.js"></script>
<link rel="stylesheet" href="js/web/viewer.css">

4)使用,默认是访问 js/web/ 目录下的pdf文件,若要打开其他地方的文件,直接使用 ../../test.pdf 即可 <a target="_blank" href="js/web/viewer.html?file=mypdf/test.pdf">在线预览PDF文件</a>

然后就可以手机直接预览pdf了哦~~~

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-09-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
使用 pdf.js 在网页中加载 pdf 文件
在网页中加载并显示PDF文件是最常见的业务需求。例如以下应用场景:(1)在电商网站上购物之后,下载电子发票之前先预览发票。(2)电子商务管理系统中查看发布的公文,公文文件一般是PDF格式的文件。
张传宁IT讲堂
2019/10/30
43.5K5
使用 pdf.js 在网页中加载 pdf 文件
前端【vue】实现文档在线预览功能,在线预览pdf、word、xls、ppt等office文件
XDOC可以实现预览以DataURI表示的DOC文档,此外XDOC还可以实现文本、带参数文本、html文本、json文本、公文等在线预览,具体实现方法请看官方文档下面这种方式可以实现快速预览word但是对文件使用的编辑器可能会有一些限制
江一铭
2022/06/17
25K2
前端【vue】实现文档在线预览功能,在线预览pdf、word、xls、ppt等office文件
pdf.js预览pdf文件流(base64)
新接手一个老项目,需要改造pdf文件的预览效果,接口直接返回的pdf文件的文件流base64字符串,前端只能拿到base64来进行预览。
五月
2022/11/14
16.5K0
pdf.js预览pdf文件流(base64)
使用PDF.JS在线查看PDF
第一步:下载源码https://github.com/mozilla/pdf.js
易墨
2018/09/14
32.9K1
使用PDF.JS在线查看PDF
终极解决远程预览pdf问题
pdf.js一个基于Html的工具类,熟悉pdf.js的朋友们很清楚,pdf.js帮助我们做了很多事。尤其金融类网站会产生很多的报表。需要在线预览。pdf.js绝对是我们的首选
啵啵肠
2023/11/28
6480
文件文档在线预览
系统需要预览在线word、excel、pdf等文件 ,pdf还好,word和excel就不太友好了,需要下载下来,文件少还行,多了,用户就很烦,下载了还得人工删除 。所以找了一个可以直接在线预览的文案。
用户10002156
2023/11/21
7350
文件文档在线预览
PDF.js专题
前言     英文是github上的原文,找不到中文资料,我根据自己理解翻译的,有些词意思拿不准就直接把单词留在原地了,看这个文档应该可以凑合着用了。 PDF.js是什么     PDF.js is a Portable Document Format(PDF) viewer that is built with HTML5.PDF.js is community-driven and supportedby Mozilla Labs. Our goal is to create a general-pur
MonroeCode
2018/02/09
21.4K0
PDF.js专题
组件分享之前端组件——基于pdf.js在线预览PDF文件
近期正在探索前端、后端、系统端各类常用组件与工具,对其一些常见的组件进行再次整理一下,形成标准化组件专题,后续该专题将包含各类语言中的一些常用组件。欢迎大家进行持续关注。
cn華少
2022/03/06
5.4K0
49.4K star!这款轻量级PDF解析与渲染工具库,真不错!
PDF文件是我们日常工作和学习中不可或缺的一部分。但你有没有遇到过这样的烦恼:PDF文件不能直接编辑,想要提取其中的文字信息,却只能手动复制粘贴,效率低下;或者在移动设备上查看时,字体太小,阅读不便?
永恒君
2025/02/19
2000
49.4K star!这款轻量级PDF解析与渲染工具库,真不错!
如何实现高性能的在线 PDF 预览
最近接到产品需求,用户需要在我们的站点上在线查看 PDF 文件,并且查看时,用户可以对 PDF 文件的进行旋转、缩放、跳转到指定页码等操作。
政采云前端团队
2020/06/04
6.8K0
如何实现高性能的在线 PDF 预览
React 实现 PDF 文件在线预览 - 手把手教你写 React PDF 预览功能
本文完整版:《React 实现 PDF 文件在线预览 - 手把手教你写 React PDF 预览功能》
蒋川@卡拉云
2022/05/30
5.4K0
React 实现 PDF 文件在线预览 - 手把手教你写 React PDF 预览功能
Vue 通过调用文件流实现 PDF 文件在线预览的方法
如果后端返回的是PDF文件在服务器上的路径,直接访问该路径即可在浏览器中预览PDF文件。例如,后端返回路径http://example.com/path/to/file.pdf,在前端可以通过如下方式实现预览:
用户2102001
2025/05/19
3060
Vue 通过调用文件流实现 PDF 文件在线预览的方法
pdf.js使用方法「建议收藏」
项目中 显示 pdf 的功能,浏览过不少的技术帖,都不太理想,花了点时间研究了下pdf.js正确使用方法,总结下:1.防止自己忘记 2.工作留有痕迹 3.供大家参考借鉴
全栈程序员站长
2022/09/14
16.2K0
pdf.js使用方法「建议收藏」
Word,Excel,PPT等Office文件Web浏览器在线预览
前两天接到一个需求:需要在线预览用户上传的Word,Excel,PPT文档 前端同事一听到这个需求,心里就开始骂了,什么鬼需求啊,浏览器怎么打开Word,Excel吗? 这个要开发一个浏览
拿我格子衫来
2022/01/24
5.7K1
文档在线预览的实现
最近在研究企业文档管理,这个是基本上所有企业都需要的软件,当然也是有很多种解决方案。对于企业文档来说,最基本的需求就是独立存储,共享。这种需求只需要建立一个Windows共享文件夹或者架一个Samba服务器即可实现,无法做复杂的权限管理,统计等。另一种方案就是架一个Web应用,比如SharePoint,就可以实现。
深蓝studyzy
2022/06/16
3.9K0
基于vue-office实现docx、xlsx、pdf文件的在线预览
在做项目的时候会遇到docx、xlsx、pdf等文件的在线预览需求,实现此需求可以有多种解决方式,本文基于vue-office实现纯前端的文件预览。
牛老师讲GIS
2024/05/24
7.9K2
基于vue-office实现docx、xlsx、pdf文件的在线预览
Vue实现在线文档预览
本次实现的文档预览的类型有:docx, xlsx, pptx, pdf,以及纯文本、代码文件和各种图片、视频格式的在线预览
不愿意做鱼的小鲸鱼
2023/07/09
4.4K0
Vue实现在线文档预览
解决Android的WebView无法打开PDF的方案
最近自家产品开发使用中收到反馈,安卓内嵌网页无法打开PDF,而IOS可以打开。其实安卓无法打开分以下几种情况:
一冷
2023/07/12
4.3K0
解决Android的WebView无法打开PDF的方案
Linux 下的 10 个 PDF 软件
本文[1]是我们正在进行的有关 Linux 顶级工具系列的延续,在本系列中,我们将向您介绍最著名的 Linux 系统开源工具。
数据科学工厂
2023/09/18
1.5K0
Linux 下的 10 个 PDF 软件
office文件 vue 预览_vue实现pdf文档在线预览功能
针对android系统不支持pdf文档在线预览,可通过引入pdf.js插件实现,其具体实现步骤如下
全栈程序员站长
2022/08/30
3.5K0
相关推荐
使用 pdf.js 在网页中加载 pdf 文件
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验