如何集成二维码扫描插件
来源:互联网 发布:python tushare 安装 编辑:程序博客网 时间:2024/05/16 13:40
您可自由转发此文, 但请保留出处:Ionic在线学习网站 http://www.ioniconline.com
如何集成二维码扫描插件
- 安装插件:
- $cordova plugin add https://github.com/wildabeast/BarcodeScanner.git
- 从http://ngcordova.com/下载最新的ngCordova ,将 ng-cordova.min.js放到你的工程下面的 www/js/目录
- 在www/index.html 添加对ngcordova js的依赖,并定义一个点击事件, 用于触发扫描函数
javascript
<script src="js/ng-cordova.min.js"></script>html
<img src="scan.png" width="250" height="180" ng-click="scanCode()"> - 在你的controller里面添加
- 对ngCordova 以及cordovaBarcodeScanner的依赖:
angular.module(‘starter’, [‘ionic’, ‘ngCordova’]).controller('scanCtrl', function ($scope, $cordovaBarcodeScanner)
- scanCode的实现:
$scope.scanCode = function () { $cordovaBarcodeScanner.scan().then(function(imageData) { alert(imageData.text); console.log("Barcode Format -> " + imageData.format); console.log("Cancelled -> " + imageData.cancelled); }, function(error) { console.log("An error happened -> " + error); });};
其中then里面第一个参数用于定义当收到正确的扫描结果后的处理函数, 第二个参数定义出错的处理函数
- 对ngCordova 以及cordovaBarcodeScanner的依赖:
- 安装插件:
0 0
- 如何集成二维码扫描插件
- 项目集成二维码扫描
- AndroidStudio集成二维码扫描
- Ionic1集成二维码扫描
- ionic集成二维码扫描
- android集成二维码扫描
- 集成二维码扫描功能
- Android项目如何集成ZXing二维码扫描功能
- iOS- 详解如何使用ZBarSDK集成扫描二维码/条形码
- phonegap添加二维码扫描插件集成ZXing扫描组件(Android版)
- cordova 插件 BarcodeScanne 二维码扫描
- studio集成二维码及条形码扫描
- Android简易集成二维码,条形码扫描
- android的ZXing二维码扫描集成
- iOS如何实现扫描二维码
- 如何使用电脑扫描二维码
- [Unity3D]自制UnityForAndroid二维码扫描插件
- Android项目如何集成ZXing二维码扫描功能(精简、竖屏、解决图像拉伸、工程库形式)
- APP图标和启动页尺寸(Icon and Image Sizes)
- 四、DSA
- 支付宝集成
- C++文件的操作
- mac 终端 常用命令
- 如何集成二维码扫描插件
- 按钮的样式
- Head First HTML&CSS 笔记(1)
- (四十八)string类
- c/c++调用matlab生成dll,exe,com组件
- 精简 zxing
- Android开发总结笔记 PopupWindow(悬浮窗口) 1-1-21
- C语言程序代码神奇效果如何运行
- 升级Xcode7之后VVDocumenter-Xcode不能用的解决办法