uniapp 在h5 模式下扫码

uniapp 在h5下是不支持扫码功能

只能自己找api去搞

qrcode.js 解析二维码（源码）https://blog.csdn.net/z_jing0927/article/details/120671986

这个是网上找的一个扫码的js

一定要导出这个文件！！！！！

然后在你想要的页面导入这个文件

给操作的元素添加一个点击事件

可以在onLoad里面打印这个，看看有没有导入成功

这就是导入成功了

好了，直接上代码，冲冲冲

let qrcode = require('@/utils/requcode.js') // 导入这个文件，这个文件随便放在哪里，看个喜好scanCode() {let that = this// 调用uni提供的调用相机apiuni.chooseImage({sizeType: ['original'],count: 1,success: res => {const tempFilePaths = res.tempFilePaths[0] // 获取到二维码图片的链接qrcode.decode(tempFilePaths); // 解析二维码图片qrcode.callback = res1 => {if (res1 == "error decoding QR Code") {uni.showToast({title: "识别二维码失败，请重新上传！",duration: 2000,icon: 'none'})} else {// 解析成功返回二维码链接console.log(res1) // 这打印的是扫码扫出来的东西}}}});
},

这个h5扫码功能搞了我两天，着实很难受，之前在网上找了很久，有很多个方法我都尝试过，但是都没有实现出来，可能我没正确的使用别人的方法

这个方法有点小毛病，扫完有时候会进入失败的判断里，只是有时候会进入，不知道是我拿手机的时候手抖了还是怎么的，只要多扫个两到三次就可以了，还是可以进入到else里面

uniapp 在h5 模式下扫码相关推荐

手机H5支付和扫码支付的区别是什么？
H5支付就是网页发起的微信.支付宝唤醒,通过微信自带的微信浏览器内jssdk发起的微信支付.支付宝也可以拉起手机浏览器唤醒支付宝发起支付宝支付. 扫码支付即通过手机app进行扫码付款,最常用的软件如微 ...
小鸡饲料任务，线下扫码付款收饲料地址
小鸡饲料任务,线下扫码付款收饲料地址.蚂蚁养鸡线下扫码付款 0.01元,收 180 克饲料:(良心地址,欢迎收藏) 转载于:https://www.cnblogs.com/xiluhua/p/1021 ...
小鸡饲料任务，蚂蚁庄园养鸡线下扫码付款收饲料地址，蚂蚁庄园养鸡线下扫码付款0.01元收饲料地址...
蚂蚁养鸡线下扫码付款 0.01元,收 180 克饲料:(良心地址,欢迎收藏) 转载于:https://www.cnblogs.com/xiluhua/p/10216797.html
打码指南-由猫眼线下扫码1分购谈起 | 掘金直播小程序专场分享总结
本期分享背景:微信小程序在发布初期是没有什么入口的,之后的一段时间,才确定了由线下扫二维码进入.今天的分享内容由猫眼前端技术团队-小程序业务组提供.团队在一次线下投放二维码进行促销活动的过程中,经历了 ...
vue项目中实现H5调取摄像头扫码扫一扫功能+生成可识别的条形码。单纯的h5网页不涉及真机
vue项目中实现H5调取摄像头扫码扫一扫功能+生成可识别的条形码. 单纯的h5网页不涉及真机 demo链接前端同学可以加我一起交流一起进步案例描述:需求是生成条形码并且在vue项目中实现扫一扫功能 ...
vue3 + uniapp 实现PDA设备的扫码功能
vue3 + uniapp 实现PDA设备的扫码功能这里必须要用input 不然输入框不能再次聚焦!!!!!!!! 只有input 默认聚焦状态,扫码枪的数据才会默认填入input <inpu ...
vue扫二维码一维码,浏览器H5实现js扫码,含uniapp实现方式
扫码需求准备工作希望在h5端直接使用扫码调用js库使用框架 vue 或者 uniapp yarn add @zxing/library 这里我使用的版本是 ^0.19.1 可以直接带上版本号下 ...
uniapp——开发微信H5调用jweixin微信js-sdk(uniapp开发H5使用微信扫一扫功能)
小伙伴们,大家有没有开发过网页或者H5等等web页面时候遇到需要调用微信的jweixin.js的呢? 小编在开发过程中遇到了一个问题,因为我的项目是微信小程序内链的H5页面,所以当时我就使用uniap ...
uniapp 实现PDA设备的扫码功能超级详细篇
1. 原理说明:项目中使用的是标准的扫码枪,标准的意思就是它都不给开发文档.走的标准"输入事件",和外接键盘是一样的.扫码枪扫描到的条形码每一位会触发一次onkeydown事件. ...

uniapp 在h5 模式下扫码

uniapp 在h5 模式下扫码相关推荐

最新文章

热门文章