android读取带公章的pdf文件,APP中如何显示带电子签名的PDF文件

本文介绍了如何在Android和iOS的WebView中利用pdf.js库显示包含电子签名的PDF文件。首先,通过构建pdf.js解决Android WebView不支持PDF显示的问题,然后调整源码以允许跨域访问和显示电子签章。经过修改后的pdf.js能适应iOS和Android,文件大小约4MB。
摘要由CSDN通过智能技术生成

之前碰到一个需求,需要在手机 APP 中显示 pdf 文件。经过调研发现,在电脑上的浏览器如 chrome、safari等,可以直接显示 pdf 文件。由此联想到,在 APP 中能否通过浏览器来加载显示 pdf 文件呢?最后经过测试发现:

iOS 的 WebView 可以直接加载 pdf 文件并显示出来;

Android 的 WebView 不支持;

在 iOS 中有电子签名的 pdf 文件,关于有电子签名的地方无法显示;

我们需要显示的 pdf 文件基本上都是电子合同相关的 pdf 文件,也就是说基本上都包含了电子签名,典型的如电子发票上的公章。那么怎么实现该功能呢?首先我们排除掉采用原生解析 pdf 文件的方式,网上找了下解析 pdf 文件的第三方开源库,这些库都很大,动则 20M 以上,并且稳定性也不保障,显然对 APP 来说是不划算的。

最后,我们采用了 pdf.js 开源库,通过 WebView 的方式来显示 pdf 文件。

1. 自己构建 pdf.js

1.下载源码到本地:

git clone https://github.com/mozilla/pdf.js.git

cd pdf.js

2.安装 gulp 工具

npm install -g gulp-cli

3.运行本地 demo

npm install

gulp server

4.构建 pdf.js 文件

//通用构建

gulp generic

//混淆压缩

gulp minified

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值