Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >Android 上显示 PDF 文件

Android 上显示 PDF 文件

作者头像
佛系编码
发布于 2020-03-31 02:54:08
发布于 2020-03-31 02:54:08
2.6K0
举报
文章被收录于专栏:Android学习之路Android学习之路

最近在 手机上要显示 PDF 文件,在搜索引擎上找到了很多方案,大体上有以下几种:

我是选择了 pdf.js 这个库,使用 WebView 配合 H5 页面,可以做到随意的自定义,并且体积很小,放在服务器的话就更小了。

在这里记录下使用的过程也方便后来者。

考虑到网络不稳定的情况,所以我把 js 库下载下来了,不介意的可以直接使用网络库

刚开始使用时,直接使用提供的 API 创建 canvas ,每一页创建一个 canvas 然后排列下来,因为有其他的内容要显示。 开发测试的时候因为文件小,并且是在电脑上浏览的没有发现什么问题,在手机上测试的时候使用了一个稍微大点的文件,内存立马就爆了。 因为是在加载完成后,每页都创建一个 canvas 显示,没有做到逐页加载,也没有做任何循环使用和销毁的处理,内存就爆了。

在 pdf.js 的例子里看到了在手机上使用的例子,就改了改,它这个做到了循环使用 canvas,并且是逐页加载。 修改之后在手机上使用 32M 的文件轻松无压力。示例,传送门

简单写了个 Demo :https://github.com/skymxc/Example/tree/master/displaypdf

assets 目录是修改后的页面。

显示网络文件还是要下载到本地才可以,因为跨域访问的限制问题。

End

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

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

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

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

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
PDF.js Electron Viewer
PDF.js 是基于 HTML5 解析与渲染 PDF 的 JavaScript 库,由 Mozilla 主导开源。
GoCoding
2021/12/17
12K0
PDF.js Electron Viewer
office文件 vue 预览_vue实现pdf文档在线预览功能
针对android系统不支持pdf文档在线预览,可通过引入pdf.js插件实现,其具体实现步骤如下
全栈程序员站长
2022/08/30
3.3K0
React 实现 PDF 文件在线预览 - 手把手教你写 React PDF 预览功能
本文完整版:《React 实现 PDF 文件在线预览 - 手把手教你写 React PDF 预览功能》
蒋川@卡拉云
2022/05/30
5.3K0
React 实现 PDF 文件在线预览 - 手把手教你写 React PDF 预览功能
Webview加载pdf遇到的一些坑及解决方法
有一天产品小王拿着电脑兴致勃勃的来到我的工位旁:“诶,小付,这里有个在线pdf预览的功能,你看下能不能做。”
coder_koala
2021/11/10
8.7K0
Webview加载pdf遇到的一些坑及解决方法
PDF.js实现个性化PDF渲染(文本复制)
这种实现方式优缺点都很明显: 优点:自带“打印”,“搜索”,“翻页”等功能,强大且实现方便。 缺点:不同浏览器的pdf工具样式不一,且无法满足个性化需求,比如:禁止打印,下载等。
庞小明
2019/05/25
10.4K0
组件分享之前端组件——基于pdf.js在线预览PDF文件
近期正在探索前端、后端、系统端各类常用组件与工具,对其一些常见的组件进行再次整理一下,形成标准化组件专题,后续该专题将包含各类语言中的一些常用组件。欢迎大家进行持续关注。
cn華少
2022/03/06
5.2K0
解决Android的WebView无法打开PDF的方案
最近自家产品开发使用中收到反馈,安卓内嵌网页无法打开PDF,而IOS可以打开。其实安卓无法打开分以下几种情况:
一冷
2023/07/12
4K0
解决Android的WebView无法打开PDF的方案
pdf.js预览pdf文件流(base64)
新接手一个老项目,需要改造pdf文件的预览效果,接口直接返回的pdf文件的文件流base64字符串,前端只能拿到base64来进行预览。
五月
2022/11/14
16K0
pdf.js预览pdf文件流(base64)
前端实现word、excel、pdf、ppt、mp4、图片、文本等文件的预览
找了网上的实现方案,效果看起来不错,放在下面的表格里,里面有一些是可以直接通过npm在vue中引入使用。
PHP开发工程师
2022/03/07
2.1K0
前端实现word、excel、pdf、ppt、mp4、图片、文本等文件的预览
使用 pdf.js 在网页中加载 pdf 文件
在网页中加载并显示PDF文件是最常见的业务需求。例如以下应用场景:(1)在电商网站上购物之后,下载电子发票之前先预览发票。(2)电子商务管理系统中查看发布的公文,公文文件一般是PDF格式的文件。
张传宁IT讲堂
2019/10/30
43.1K5
使用 pdf.js 在网页中加载 pdf 文件
PDF在线预览实现:如何使用vue-pdf-embed实现前端PDF在线阅读
在本篇博客中介绍的vue-pdf-embed核心逻辑是获取pdf内容并将其每一页渲染到canvas画布上,以类似图片的方式展示出来。pdf作为本地资源放在项目中。
watermelo37
2025/01/22
3170
PDF在线预览实现:如何使用vue-pdf-embed实现前端PDF在线阅读
[mobile开发碎碎念]手机页面上显示PDF文件
demo:http://mozilla.github.io/pdf.js/web/viewer.html 项目地址:https://github.com/mozilla/pdf.js <script type="text/javascript"> // // NOTE: // Modifying the URL below to another server will likely *NOT* work. Because of browser // security rest
用户1172164
2018/01/16
1.3K0
Hexo -18- 添加 PDF 阅读功能
官网:https://github.com/superalsrk/hexo-pdf
为为为什么
2022/08/04
3K0
Hexo -18- 添加 PDF 阅读功能
【黄啊码】vue-pdf预览时无法显示印章和中文字体或者乱码(简单粗暴)
找到我们安装好的 vue-pdf 安装包里的 pdf.worker.js 文件,如图展示路径
黄啊码
2022/09/08
2.5K0
android WebView拦截请求详解
WebView的基本用法相信大多数android开发者都是会使用的,最简单的就是调用个loadUrl方法,但是记得要在清单文件中添加网络权限。我也简单了写了一个加载百度的,如下图
用户1108631
2019/08/14
4.3K0
基于 PHP 实现的微信小程序 pdf 文件的预览服务
前段时间文库类微信小程序开发中遇到个问题,就是要在小程序中预览阿里云 OSS 中的 pdf 文件。微信官方给的方案就一个,就是把文档缓存到本地然后用资源管理器打开。
PHP开发工程师
2022/05/25
2K0
基于 PHP 实现的微信小程序 pdf 文件的预览服务
周百万下载量的 NPM 包可执行任意 JS 代码,数十万网站可能受影响!
最近 Codean Labs 对外披露了 PDF.js 的一个任意代码执行漏洞(CVE-2024-4367)。
ConardLi
2024/07/01
4463
周百万下载量的 NPM 包可执行任意 JS 代码,数十万网站可能受影响!
如何实现高性能的在线 PDF 预览
最近接到产品需求,用户需要在我们的站点上在线查看 PDF 文件,并且查看时,用户可以对 PDF 文件的进行旋转、缩放、跳转到指定页码等操作。
政采云前端团队
2020/06/04
6.7K0
如何实现高性能的在线 PDF 预览
49.4K star!这款轻量级PDF解析与渲染工具库,真不错!
PDF文件是我们日常工作和学习中不可或缺的一部分。但你有没有遇到过这样的烦恼:PDF文件不能直接编辑,想要提取其中的文字信息,却只能手动复制粘贴,效率低下;或者在移动设备上查看时,字体太小,阅读不便?
永恒君
2025/02/19
790
49.4K star!这款轻量级PDF解析与渲染工具库,真不错!
Android使用WebView开发常见的坑
现在的App基本上都会使用Native+H5的方式来开发的,例如网易新闻详情页面,微信公号详情页面都会使用WebView开发。这样可以很容易实现图文排版的需求,而且混合开发的好处也是显而易见的。
阳仔
2019/07/31
2K0
Android使用WebView开发常见的坑
推荐阅读
相关推荐
PDF.js Electron Viewer
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文