小程序: 长按识别图中二维码

本文介绍在小程序中实现长按二维码识别功能的方法,包括使用previewImage API进行图片预览,及不同平台下(Android与iOS)识别小程序码和普通二维码的区别。

在小程序项目中,有时候我们需要按住二维码,弹出: 识别图中二维码的功能

1. API

    小程序文档 — API — 媒体 — 图片 — perviewImage( ) :  在新页面中全屏预览图片。预览的过程中用户可以进行保存图片、发送给朋友等操作

 

2. 使用

wx.previewImage({
  current: '',  // 当前显示图片的http链接
  urls: [],   // 需要预览的图片http链接列表
  success: (res) => {
     console.log(接口调用成功)
  },
  fail: (res) => {
     console.log(接口调用失败)
  },
  complete: (res) => {
     console.log(接口调用结束: 成功、失败都会执行)
  }
})
View Code

 

3. 效果

   点击二维码图片 — 在新页面全屏预览 — 长按:

   普通二维码: android可弹出 — 识别图中二维码、ios不能

   小程 序码: android、ios都可以弹出 — 识别图中小程序码

   注意: 小程序普通二维码、小程序码都是从后台获取


更多专业前端知识,请上【猿2048】www.mk2048.com
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值