专栏首页Angular&服务cordova扫描二维码

cordova扫描二维码

安装cordova扫码插件

cordova plugin add https://github.com/phonegap/phonegap-plugin-barcodescanner.git

然后在要页面上添加调用的按钮

<div ng-controller="erweimaCtrl">
    <button ng-click="erweima()">扫描二维码</button>
</div>

然后在控制器里面写调用的方法

angular.module('app').controller('erweimaCtrl', erweimaCtrl);
    erweimaCtrl.$inject = ['$scope'];
    function erweimaCtrl($scope) {
        //二维码
        $scope.erweima = ()=> {
            cordova.plugins.barcodeScanner.scan(
                function(result) {
                    //扫码成功后执行的回调函数
                    alert("收到一个二维码\n" +
                        "扫码文字结果: " + result.text + "\n" +
                        "格式: " + result.format + "\n" +
                        "是否在扫码页面取消扫码: " + result.cancelled);
                },
                function(error) {
                    //扫码失败执行的回调函数
                    alert("Scanning failed: " + error);
                }, {
                    preferFrontCamera: true, // iOS and Android 设置前置摄像头
                    showFlipCameraButton: true, // iOS and Android 显示旋转摄像头按钮
                    showTorchButton: true, // iOS and Android 显示打开闪光灯按钮
                    torchOn: false, // Android, launch with the torch switched on (if available)打开手电筒
                    prompt: "在扫描区域内放置二维码", // Android提示语
                    resultDisplayDuration: 500, // Android, display scanned text for X ms. 
                                            //0 suppresses it entirely, default 1500 设置扫码时间的参数
                    formats: "QR_CODE", // 二维码格式可设置多种类型
                    orientation: "portrait", // Android only (portrait|landscape), 
                                             //default unset so it rotates with the device在安卓上 landscape 是横屏状态   
                    disableAnimations: true, // iOS     是否禁止动画
                    disableSuccessBeep: false // iOS      禁止成功后提示声音 “滴”
                }
            );
        }
    }

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • JSON.parse 导致大数精度丢失问题的解决方案

    前端向服务端请求某个订单数据,其中订单号 18 位,在数据库中以数字的形式保存,服务端查询数据库后向前端返回如下数据:

    用户1437675
  • ES6数组操作方法

    concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,仅会返回被连接数组的一个副本。

    用户1437675
  • 下载不同版本的xcode

    用户1437675
  • 深度了解Android 7.0 ,你准备好了吗?

    2016年8月22日,谷歌正式推送Android 7.0 Nougat(牛轧糖)正式版,首发推送了多款Nexus设备。除了修复常规BUG,Android 7.0...

    WeTest质量开放平台团队
  • Android 各版本特性

    5.0中使用了recyclerview代替了listview,它具有高度解耦,可以自定义样式,提供ItemAnimator,ItemDecoration,Lay...

    Yif
  • Android 学习小结

    Android 学习已有一年半有余,先后做过两款游戏、三款应用和搭建一台服务端,也了解过一些Android相关的源码(JDK、SDK和NDK)

    阳光岛主
  • 深度了解Android 7.0 ,你准备好了吗?

    8月22日,谷歌正式推送Android 7.0 Nougat(牛轧糖)正式版,首发推送了多款Nexus设备。除了修复常规BUG,Android 7.0还新增了分...

    WeTest质量开放平台团队
  • Android P Beta!您想要知道的所有更新内容都在这里

    Android 开发者
  • Android N 第四个开发者预览版更新,即最终版 API 和 SDK 发布

    ? 今天Google官方推出了Android N的第四个预览版,相比前三个预览版,SDK和API最终定型。新的版本全名叫作Android N Dev Prev...

    非著名程序员
  • Android 进阶之路(我的博客文章目录)

    版权声明:转载前请留言获得作者许可,转载后标明作者 张拭心 与 原文链接。大家都是成年人,创作不易,感谢您的支...

    张拭心 shixinzhang

扫码关注云+社区

领取腾讯云代金券