小程序: 长按识别图中二维码
在小程序项目中,有时候我们需要按住二维码,弹出: 识别图中二维码的功能
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(接口调用结束: 成功、失败都会执行) } })
3. 效果
点击二维码图片 — 在新页面全屏预览 — 长按:
普通二维码: android可弹出 — 识别图中二维码、ios不能
小程 序码: android、ios都可以弹出 — 识别图中小程序码
注意: 小程序普通二维码、小程序码都是从后台获取
更多专业前端知识,请上 【猿2048】www.mk2048.com
