El applet de WeChat llama a la cámara para escanear y reconocer códigos QR y códigos de barras

Hoy en día, existe un pequeño programa sobre entrega urgente. El número de seguimiento urgente es generalmente relativamente largo y la entrada manual será muy problemática.

Luego lo busqué. De hecho, la API del subprograma WeChat viene con una función de reconocimiento de código de escaneo.

wx.scanCode (objeto objeto)

Abra la interfaz de código de escaneo del cliente para escanear el código.

Código de muestra:

// 允许从相机和相册扫码
wx.scanCode({
  success(res) {
    console.log(res)
  }
})

// 只允许从相机扫码
wx.scanCode({
  onlyFromCamera: true,
  success(res) {
    console.log(res)
  }
})

WXSS no publicará

Parte WXML (aplicación):

<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>

Vincule un evento a la imagen del botón de escaneo, haga clic para llamar a la cámara para escanear el código y el valor se asignará al valor del cuadro de entrada después de que el escaneo sea exitoso. El efecto es el siguiente:

Parte JS (aplicación):

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
      })
    }
  })
},

Parámetros Objeto objeto

función de devolución de llamada de object.success

parámetro

Res de objeto

Reimpreso de: https://www.w3h5.com/post/255.html

Supongo que te gusta

Origin blog.csdn.net/z3287852/article/details/113419509
Recomendado
Clasificación