小程序专栏

小程序扫码方式

读心悦 · 9月8日 · 2020年 本文751字 · 阅读2分钟114

在微信小程序开发中设置扫码功能,官方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 条回应

×