ngCordova插件(2)之BarcodeScanner插件的使用

时间:2022-08-05 04:28:34

本文主要讲解BarcodeScanner插件的使用
当我们在开发中遇到要在App中加入扫描二维码/条形码的需求时,我们就要用到BarcodeScanner插件
这个插件如何使用呢?下面上代码~

$scope.ring= function() {
      $cordovaBarcodeScanner.scan().then(function(imageData) {
        $scope.information=imageData.text;
      }, function(error) {
      console.log("An error happened -> " + error);
  });

在这里,我将其封装成了一个方法,以便使用
$cordovaBarcodeScanner是我们封装好的服务,scan()是其中调用摄像头进行扫码的方法,.then()中的function()的参数imageData是我们扫描到二维码/条形码的图案,那么imageData.text就是通过解析这个图案得到的二维码/条形码中的信息,这个也就是我们需求中客户所要传递或显示的信息,这里我用$scope.information变量将其绑定到HTML页面上显示。

扫描界面,寻找二维码/条形码中

ngCordova插件(2)之BarcodeScanner插件的使用

扫描界面,找到二维码/条形码,提示找到产品
ngCordova插件(2)之BarcodeScanner插件的使用