uni-app 二维码扫描识别功能

导读:本篇文章讲解 uni-app 二维码扫描识别功能,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

uni-app 二维码扫描识别功能

由此可以看出,uni-app自带api在h5平台时是不能调用uni.scanCode的,那么非h5平台实现二维码扫描识别方法:

uni.scanCode({
                                    success(res) {
                                        _this.tempImgUrl = res.path
                                        _this.isChooseImg = true
                                        _this.resultStr = res.result
                                        console.log(“其他平台 二维码解析结果 resultStr = ” + _this.resultStr)
                                    }
                                })

H5:

首先添加reqrcode.js,可以在百度搜索下载比较多

在script中引用

let reqrcode = require(“../../components/scancode/reqrcode.js”)

uni-app 二维码扫描识别功能

 方法:选择二维码图片再解析

uni.chooseImage({
                        count: 1, //默认9
                        sizeType: [‘original’, ‘compressed’], //可以指定是原图还是压缩图,默认二者都有
                        sourceType: [‘album’, “camera”], //从相册选择 、使用相机
                        success(res) {
                            _this.tempImgUrl = res.tempFilePaths[0]
                            _this.isChooseImg = true
                            console.log(“再次选择确认单 tempImgUrl = ” + _this.tempImgUrl)
                            reqrcode.qrcode.decode(res.tempFilePaths[0])
                            reqrcode.qrcode.callback = function(res1) {
                                _this.resultStr = res1
                                console.log(“H5 二维码解析结果 resultStr = ” + _this.resultStr)
                            }
                        }
                    })

 uni-app 二维码扫描识别功能

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/119136.html

(0)
seven_的头像seven_bm

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!