关注互联网应用及运维技术的个人博客

在微信的小程序中设置扫码功能

在微信小程序开发中设置扫码功能,官方API:

  scan:function(res){    wx.scanCode({      success (res) {        // 打印扫出的结果,res.result,        // res.scanType:码的类型,QR_CODE        /**         * barCode	一维码	         * qrCode	二维码	         * datamatrix	Data Matrix 码	         * pdf417	PDF417 条码         */        console.log(res.result)      }    })  }

QR_CODE只是二维码中的一种格式,其实二维码和一维码都有很多种格式,具体的可以参考小程序的官方文档。

onlyFromCamera:设置书否从相册中选择二维码图片,如果不设置的话,会默认【默认值是false】是可以从相册选择二维码图片。

另外一种方式就是使用组件camera。

camera的mode属性设置为扫码模式:

<camera device-position="front" flash="off" binderror="error" mode="scanCode"  bindscancode="scan" ></camera>

bindscancode绑定的事件的是在camera识别二维码成功之后触发,识别出二维码的内容在res.detail里面。

代码:

	<camera device-position="front" flash="off" binderror="error" mode="scanCode"  bindscancode="scan" ></camera>	<view>{{scan}}</view>
  scan(res) {    console.log(res.detail)    this.setData({      scan:res.detail.result    })  },

只是使用camera组件来识别二维码,速度比较慢!

赞(0)
未经允许不得转载:飞天狒狒 » 在微信的小程序中设置扫码功能

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址