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

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

1. API

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

2. 使用

wx.previewImage({
  current: ,  // 当前显示图片的http链接
  urls: [],   // 需要预览的图片http链接列表
  success: (res) => {
     console.log(接口调用成功)
  },
  fail: (res) => {
     console.log(接口调用失败)
  },
  complete: (res) => {
     console.log(接口调用结束: 成功、失败都会执行)
  }
})
wx.previewImage({ current: , // 当前显示图片的http链接 urls: [], // 需要预览的图片http链接列表 success: (res) => { console.log(接口调用成功) }, fail: (res) => { console.log(接口调用失败) }, complete: (res) => { console.log(接口调用结束: 成功、失败都会执行) } })
View Code 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
经验分享 程序员 微信小程序 职场和发展