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

最新推荐文章于 2024-08-15 09:46:16 发布

yyxhzdm

最新推荐文章于 2024-08-15 09:46:16 发布

阅读量3.7k

点赞数

分类专栏： vue、uni-app基础知识学习与开发文章标签： vue.js uni-app 前端

本文链接：https://blog.csdn.net/yyxhzdm/article/details/120280671

版权

本文介绍了在uni-app中实现二维码扫描识别的方法。对于非H5平台，uni-app提供了uni.scanCode API来直接获取扫描结果；而在H5环境下，需要引入第三方库reqrcode.js，通过选择图片后再进行解析。详细步骤包括调用uni.chooseImage选择图片，然后使用reqrcode.qrcode.decode进行二维码解析，并设置回调函数获取解析结果。

摘要由CSDN通过智能技术生成

由此可以看出，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")