读心悦

  • 读心随笔
  • 读心里话
  • 计算机
  1. 首页
  2. 小程序
  3. 正文

小程序扫码方式

2020年09月08日 149点热度 0人点赞 0条评论

在微信小程序开发中设置扫码功能,官方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组件来识别二维码,速度比较慢!

赞微海报分享
本作品采用 知识共享署名 4.0 国际许可协议 进行许可
标签: 小程序
最后更新:2020年09月23日

读心悦

自己从事开发也有一段时间了,总有一些迷茫,对未来有一点恐惧,不知道以后会不会继续从事开发的岗位。无论未来做出怎样的选择,这个网站就记录一下从事开发这段时间的一些笔记、阅读笔记吧,好歹也给自己留个纪念吧,你说呢! 写点代码,读点书,读点心,读点自己!

打赏 点赞
< 上一篇
下一篇 >

文章评论

取消回复

读心悦

自己从事开发也有一段时间了,总有一些迷茫,对未来有一点恐惧,不知道以后会不会继续从事开发的岗位。无论未来做出怎样的选择,这个网站就记录一下从事开发这段时间的一些笔记、阅读笔记吧,好歹也给自己留个纪念吧,你说呢! 写点代码,读点书,读点心,读点自己!

标签聚合
react hook vue taro flutter 悦读 阅读 node CSS Echarts redux 闲谈 随笔 git mysql JavaScript Nginx 小程序 canvas
推荐文章
  1. 微信小程序中自定义导航和地图定位
  2. 小程序图片压缩
  3. 微信小程序前端解密获取用户信息
  4. 微信小程序中for循环里的picker,操作某一个picker 如何改变对应选择的值?
分类
  • flutter (11)
  • html/css (23)
  • Javascript (22)
  • Mysql (2)
  • node (2)
  • React (27)
  • vue (1)
  • 小程序 (40)
  • 悦读 (8)
  • 未分类 (2)
  • 读心里话 (9)

COPYRIGHT © 2020 读心悦

黔ICP备20005501号

黔公网安备52011502001078号