今天在整一个有关于快递的小程序,快递单号一般比较长,手动录入会很麻烦。
然后就找了一下,其实微信小程序 API 中自带一个扫码识别的功能。
wx.scanCode(Object object)
调起客户端扫码界面进行扫码。
示例代码:
// 允许从相机和相册扫码
wx.scanCode({
success(res) {
console.log(res)
}
})
// 只允许从相机扫码
wx.scanCode({
onlyFromCamera: true,
success(res) {
console.log(res)
}
})
WXSS就不贴了
WXML部分(应用):
<view class='form-list'>
<text>运单号码</text>
<input type='text' value='{
{scanCodeMsg}}'></input>
<image class='scan' bindtap='scanCode' src='/images/scanCode.png' mode='widthFix'></image>
</view>
给扫描按钮的图片绑定一个事件,点击调用摄像头扫码,扫描成功将数值赋给 input 输入框的 value 值。效果如下图:
JS 部分(应用):
data: {
scanCodeMsg: "",
},
scanCode: function() {
var that = this;
wx.scanCode({ //扫描API
success(res) { //扫描成功
console.log(res) //输出回调信息
that.setData({
scanCodeMsg: res.result
});
wx.showToast({
title: '成功',
duration: 1000
})
}
})
},
参数 Object object
object.success 回调函数
参数
Object res
扫描二维码关注公众号,回复:
13088950 查看本文章