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 条评论
登录 后参与评论

相关文章

来自专栏开源项目

Git 项目推荐 | html5 异步批量上传插件

使用html5的ajax批量上传的工具 。 插件描述: javascript异步上传插件,包含3个子项目BUpload, JUpload, TUpload. ...

44213
来自专栏腾讯云serverless的专栏

使用腾讯云 SCF 云函数压缩 COS 对象存储文件

如何处理 COS 对象存储中的大量文件打包需求?或许 SCF 无服务器云函数能助你一臂之力!

1.8K2
来自专栏搞前端的李蚊子

微信小程序web-view页面安卓下显示空白的解决办法!!!

web-view页面在你向地址拼接参数展示页面时,在安卓上有时会显示空白 解决方案: A: 普通不需要参数的话可以直接把地址写在src里,不要去在onLoad里...

4824
来自专栏Android知识点总结

html5常用控件

5232
来自专栏前端菜鸟变老鸟

表格按列方向上渲染数据

如果是一条数据和一个对应的值就不会出现问题。但是如果某一个数据的值有多个,并且需要显示在不同的行的话就会有问题。问题是:会循环出多个td在一行中。

804
来自专栏用户2442861的专栏

html 学习(css class选择器)

文/某个胖子(简书作者) 原文链接:http://www.jianshu.com/p/802afaab545b 著作权归作者所有,转载请联系作者获得授权,并...

1401
来自专栏微信小程序开发

小程序不同页面之间的传值方式

今天来说一下小程序不同页面之间传值的几种方式: 1、URL传值 这种方式最常用,比如: wx.navigateTo({ url: '../detail/d...

65710
来自专栏IT大咖说

R语言实例:利用css对shiny页面优化及htmlwidgets创建控件

摘要 本演讲将介绍如何利用CSS对shiny页面进行个性化设计及在网页中嵌入视频;并通过一个详细案例介绍了利用htmlwidgets包开发HTML控件,基于D3...

3276
来自专栏每日一篇技术文章

weex-12-组件switch

本节内容比较简单,创建一个switch.vue 来写本节的内容, 注意一点,本节内容请务必使用真机测试

4292
来自专栏新工科课程建设探讨——以能源与动力工程专业为例

2.2.5 HTML5程序调试

假设有一个网页,由debug.html何debug.js构成,其中debug.html内容如下:

1153

扫码关注云+社区

领取腾讯云代金券