ホームページ > WeChat アプレット > ミニプログラム開発 > WeChat アプレットを使用してカメラを使用して QR コードを識別する方法

WeChat アプレットを使用してカメラを使用して QR コードを識別する方法

angryTom
リリース: 2020-03-23 12:53:39
オリジナル
7520 人が閲覧しました

WeChat アプレットを使用してカメラを使用して QR コードを識別する方法

WeChat アプレットは QR コードを識別するためにカメラをどのように使用しますか

WeChat アプレットは次の API を提供します: wx.scanCode(Objectオブジェクト ) を使用して、コード スキャン関数を呼び出して QR コードを識別できます。

推奨学習: 小規模プログラム開発

カメラを使用して QR コードを識別する方法は次のとおりです:

1. まず、wxml ファイルを記述し、コード スキャン関数

1

2

3

4

5

<view class=&#39;form-list&#39;>

  <text>二维码内容</text>

  <input type=&#39;text&#39; value=&#39;{{scanCodeMsg}}&#39;></input>

  <image class=&#39;scan&#39; bindtap=&#39;scanCode&#39; src=&#39;/images/scanCode.png&#39; mode=&#39;widthFix&#39;></image>

</view>

ログイン後にコピー

2 を呼び出すボタンを追加し、次にボタンのクリック イベントを記述して、認識された QR コードのコンテンツを出力します。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

data: {

  scanCodeMsg: "",

},

scanCode: function() {

  var that = this;

  wx.scanCode({ //扫描API

    success(res) { //扫描成功

      console.log(res) //输出回调信息

      that.setData({

        scanCodeMsg: res.result

      });

      wx.showToast({

        title: &#39;成功&#39;,

        duration: 1000

      })

    }

  })

},

ログイン後にコピー

PHP 中国語 Web サイト、多数の無料の MySQL ビデオ チュートリアル 、学習へようこそ!

以上がWeChat アプレットを使用してカメラを使用して QR コードを識別する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート