微信小程序----wx.scanCode(Object object)调起客户端扫码界面进行扫码

Rattenking

发布于 2021-02-01 11:00:33

2.8K0

发布于 2021-02-01 11:00:33

文章被收录于专栏：Rattenking

效果

参数（Object object）

属性	类型	默认值	是否必填	说明	支持版本
onlyFromCamera	boolean	false	否	是否只能从相机扫码，不允许从相册选择图片	>= 1.2.0
scanType	Array.	[‘barCode’, ‘qrCode’]	否	扫码类型	>= 1.7.0
success	function		否	接口调用成功的回调函数
fail	function		否	接口调用失败的回调函数
complete	function		否	接口调用结束的回调函数（调用成功、失败都会执行）

JS

设置既能唤醒扫码界面，又能进行从相册选择图片解析；
设置扫码类型；
将扫码返回的结果 result 通过参数的形式传递给查询页面，并且跳转查询页面。

wx.scanCode({
    onlyFromCamera: false,
    scanType: ['barCode', 'qrCode', 'datamatrix','pdf417'],
    success: res => {
        if(res.errMsg == 'scanCode:ok'){
            wx.navigateTo({
                url: '../../pages/search/search?keyword=' + res.result
            })
        }
    },
    fail: res => {
    // 接口调用失败
    wx.showToast({
        icon: 'none',
        title: '接口调用失败！'
    })
    },
    complete: res => {
        // 接口调用结束
        console.log(res)
    }
});

注意

改接口的扫码功能没有什么技术难点，需要注意的是要将扫码返回的结果传递到查询页面；
由于扫码查询就会进入页面就进行一次查询函数的调用，所以初始化的时候，把查询数组的页码、总页数、查询数组都要初始化，防止滚动加载后，不再查询。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2018/09/29 ，如有侵权请联系 cloudcommunity@tencent.com 删除

编程算法

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

编程算法

登录后参与评论

0 条评论

热度

微信小程序----wx.scanCode(Object object)调起客户端扫码界面进行扫码

微信小程序----wx.scanCode(Object object)调起客户端扫码界面进行扫码

效果

参数（Object object）

JS

注意

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐