您好!欢迎来到雅安论坛
关注我们
扫码关注官方微信
手机版
手机扫描直接访问
欢迎: 附近的朋友。
111111

微信小程序扫描二维码或者条码

[复制链接]
未命名 发表于 2022-1-3 18:52:27 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
微信小程序扫描二维码或者条码示例代码
  1. // 允许从相机和相册扫码
  2. wx.scanCode({
  3.   success(res) {
  4.     console.log(res)
  5.   }
  6. })

  7. // 只允许从相机扫码
  8. wx.scanCode({
  9.   onlyFromCamera: true,
  10.   success(res) {
  11.     console.log(res)
  12.   }
  13. })
复制代码
WXML部分(应用):
  1. <view class='form-list'>
  2.   <text>条形码</text>
  3.   <input type='text' value='{{scanCodeMsg}}'></input>
  4.   <image class='scan' bindtap='scanCode' src='/images/scanCode.png' mode='widthFix'></image>
  5. </view>
复制代码
给扫描按钮的图片绑定一个事件,点击调用摄像头扫码,扫描成功将数值赋给 input 输入框的 value 值。效果如下图:
1593241182-6211-04.png

  1. data: {
  2.   scanCodeMsg: "",
  3. },
  4. scanCode: function() {
  5.   var that = this;
  6.   wx.scanCode({ //扫描API
  7.     success(res) { //扫描成功
  8.       console.log(res) //输出回调信息
  9.       that.setData({
  10.         scanCodeMsg: res.result
  11.       });
  12.       wx.showToast({
  13.         title: '成功',
  14.         duration: 1000
  15.       })
  16.     }
  17.   })
  18. },
复制代码


来源http://caibaojian.com/wx-scancode.html感谢分享
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

关注3

粉丝13

帖子2251

发布主题
阅读排行 更多
广告位
欢迎使用无需登录在线留言
姓名 

手机 

内容
关注我们
  • 关注官方微信

  • 论坛QQ群

Sitemap小黑屋Archiver雅安论坛( 已经安全运行 ) |网站地图

在线客服

会员收集的资源(插件源码等),仅方便学习,您需要自行承担版权风险,未获得原作者授权的情况下,请勿将文章公开发布或用于商业用途。

声明:本站内容来自于论坛作者本人的观点,不代表本网站的观点和看法,与本网站立场无关,相关责任作者自负。如有侵权,请联系我们及时删除

高能预警:本站为个人网站,非团队运作,常年务农,山上信号不好,在线少,如有不妥之处,望大佬们多多包涵,万分感激!

雅安论坛互联网违法和不良信息举报平台 您也可以通过留言进行相关问题提交,留言提交无需注册,我们将严格保证用户隐私。   © 2009-2021