posts - 174,comments - 1,views - 74325

二維碼掃描  最近有一個項目用到了 二維碼的掃描  總結一下 記錄一下

1. 1 ionic start barcodescanner blank 2 cd barcodescanner 3 ionic platform add android 4 ionic platform add ios 

2. 添加插件

1
cordova plugin add https://github.com/wildabeast/BarcodeScanner.git

3.添加ngcordova.min.js 到www文件夾下;在index.html 中引用ngcordova.min.js 和在app.js中聲明一下ngcordova           這裏略過.....

4. 在app.js 中添加控制器 

1
2
3
4
5
6
7
8
9
10
11
12
13
.controller("barcodescannerController", function($scope, $cordovaBarcodeScanner) {
  
    $scope.scanBarcode = 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);
        });
    };
  
});

  5. 在index.html 中調用 scan()函數

 1 <button ng-click="scanBarcode()">barcodescanner</button> 

posted on   ทดสอบ  阅读(1390)  评论(0编辑  收藏  举报
编辑推荐:
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
阅读排行:
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 数据库服务器 SQL Server 版本升级公告
· 程序员常用高效实用工具推荐,办公效率提升利器!
· C#/.NET/.NET Core技术前沿周刊 | 第 23 期(2025年1.20-1.26)
< 2025年1月 >
29 30 31 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 1
2 3 4 5 6 7 8

点击右上角即可分享
微信分享提示