微信小程序实现PDF预览功能——pdf.js(含源码解析）

文章目录

前言
一、pdf.js 是什么？
二、使用步骤
- 1.下载库文件
- 2.使用方式
- - 微信小程序端——使用 web-view 标签
  - H5 端——使用 iframe 标签（使用vue框架）
- 3.更改源码
- - 如何隐藏顶部工具栏
  - 如何让用户强制阅读一定时间
  - 如何获取pdf总页数
  - 如何获取pdf当前页数
  - 将总页数和当前页数发送给小程序
总结

前言

前一段时间遇到了一个需求，关于 pdf 文件的预览，客户要求如下：

只能在微信小程序内预览，不能调起本地浏览器预览；
需要让用户强制阅读 10s 后才算阅读完成，进而进行下一步操作；
用户不能下载预览的 pdf 文件；

因为一些原因（此处省略一万字

微信小程序实现PDF预览功能——pdf.js(含源码解析）相关推荐

微信小程序实现图片预览功能
小程序有提供预览图片的wx.previewImage方法先在页面上放上图片标签 <imagecatch:tap="preview"data-src = 'https://s ...
imagepreview使用案例_微信小程序wx.previewImage预览图片实例详解
一.小知识二.例子 1.wxml 2.wxss .container { box-sizing:border-box; padding:20px; } .previewimg{ float:left ...
微信小程序image图片预览时不显示（后缀问题！）
微信小程序image图片预览时不显示(后缀问题!) ".PNG"是不行滴!!! ".png"才可以!!! 刚刚用了两张图片是截下来的,后缀是".PNG ...
taro开发微信小程序-添加开发者预览,上传测试版本(十四)
taro开发微信小程序,上传测试版本,如果需要访问网络需要打开调试模式,如果配置了https协议的服务,提示对应的服务器证书无效,那么必须正确配置ssl证书,可以在阿里云或者腾讯云申请. 添加开发者预 ...
微信小程序开发导航：精品教程+网友观点+demo源码（5月9日更新）
1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教程:https://mp.weixin.qq.com/debu ...
uni-app 微信小程序使用 web-view 预览PDF
1.使用uni-pp开发微信小程序,上线之后发现Android手机无法加载览PDF,但ios可以.这里运用了 uni.openDocument <template><view cla ...
微信小程序实现弹窗预览图片
今天要实现,点击实现预览图片的功能,看了网上的解决方案,都不太满意,于是自己写了一个.用到了zan-ui的弹窗样式,要引入zan-ui的框架,不会的话,可以看这篇文章微信小程序之第三方UI框架 za ...
亲测可用！微信小程序实现下载预览文件,导出及保存文件及excel（1）
要实现用户导出分页列表数据之后的Excel 并且可以发送及预览功能: 实现方法1: 思路 : 先调用服务器接口,一个返回流的接口之后再用微信官方API接口进行写入文件操作保存指定位置之后进行文档打开预 ...
ssm基于微信小程序的恋上诗词设计与实现毕业设计源码011431
基于SMM微信小程序的恋上诗词设计与实现摘要随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱,恋 ...

微信小程序实现PDF预览功能——pdf.js(含源码解析）

文章目录

前言

微信小程序实现PDF预览功能——pdf.js(含源码解析）相关推荐

最新文章

热门文章