小程序webview实现在线查看pdf文件

博客围绕webview项目电子发票查看详情需求展开。针对此需求有小程序api调起文件和pdf插件两种方案,使用pdf插件在安卓和iOS表现不同,最终采用从小程序内通过webview组件访问H5商城电子发票页面,用wx.downloadFile调起文件的方法,可满足双平台需求。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

long time no see,还是之前的webview项目新增需求,电子发票这块需要查看发票详情。针对这个需求,百度得出两种结论,一种是用小程序api调起文件,另一种是pdf插件。一开始我用的是pdf插件,下载了pdf.js和pdf.worker.js,pdfobject.js (这有两种实现方法,百度过的小伙伴应该都有了解,用pdfobject.js 调起的在安卓机上直接下载了pdf不可以直接查看,而ios可以直接在线查看pdf文档,试过canvas结合pdfjs也没有成功,可能是我哪步走错了。看了很多资料也在一些博主楼下留言都没有反应。。)

一、期望实现:

点击列表页面查看发票,则显示当前电子发票的pdf文件

二、实现思路:

1.从小程序内访问H5商城内的电子发票页面。通过webview组件实现,页面实现方法如下:

小程序页面:

将h5页面的内容带到小程序中,进行解析后,取到pdf的url路径,运用wx.downloadFile调起文件:

这种方法既能满足安卓机的需求,也可以在苹果机上使用。希望能帮助到你们哦~继续加油

评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值