uni-app实现扫码

 

uni-app在逐步的完善,用这个框架来做app还是挺方便的,由于客户需求,需要做扫码的功能,去uni-app的官网上搜了一下,还真有这个功能。

主要用的就是uni.scanCode({})这个函数,直接拿过来用就可以了,但是要注意不能在H5上用,app上用用还是很方便的。

先上图看看运行结果:

关键代码在这: 

scan1() {
                 let that = this;
                 // 允许从相机和相册扫码
                 uni.scanCode({
                     success: function(res) {
                         that.result1 = res.result;
                     }
                 });
             },
             scan2() {
                 let that = this;
                 // 只允许通过相机扫码
                 uni.scanCode({
                     onlyFromCamera: true,
                     success: function(res) {
                         that.result2 = res.result;
                         console.log('条码类型:' + res.scanType);
                         console.log('条码内容:' + res.result);
                     }
                 });
             },
             scan3() {
                 let that = this;
                 // 调起条码扫描
                 uni.scanCode({
                     scanType: 'barCode',
                     success: function (res) {
                         that.result3 = res.result;
                         console.log('条码类型:' + res.scanType);
                         console.log('条码内容:' + res.result);
                     }
                 });
             }

这三个函数我都测试了,可以扫描二维码,也可以扫条形码,区别就是能不能从相册选择图片,根据需求选择其中一个就可以了。 

附上二维码可以进行扫描测试。扫出来的结果如上,就OK啦。

有任何疑问,欢迎留言交流。

  • 6
    点赞
  • 53
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值