1. 程式人生 > >ionic學習之掃描二維碼cordova-plugin-cszbar

ionic學習之掃描二維碼cordova-plugin-cszbar

掃描二維碼外掛:cordova-plugin-cszbar

新增外掛:

cordova plugin add cordova-plugin-cszbar

不多BB直接上程式碼

$scope.isScanning = false;
    $scope.scanStart = function () {
      if ($scope.isScanning) {
        return;
      }
      $scope.isScanning = true;
      cloudSky.zBar.scan({
        text_title: "掃碼", // Android only
        text_instructions: "請把相機對準二維碼", // Android only
        camera: "back", // defaults to "back"
        flash: "auto", // defaults to "auto". See Quirks
        drawSight: true //defaults to true, create a red sight/line in the center of the scanner view.
      }, function (succcess) {
        console.log("掃碼: " + succcess)
        $scope.isScanning = false;
      }, function (error) {
        $scope.isScanning = false;
        console.log("掃碼失敗: " + error)
      });
    };

github連結:https://github.com/tjwoon/csZBar

cordova-plugin-cszbar比之前那個phonegap-plugin-barcodescanner快了很多了。

PS:Android開發的話會涉及到執行時許可權的問題,需要使用cordova-plugin-android-permissions外掛


相關推薦

ionic學習掃描cordova-plugin-cszbar

掃描二維碼外掛:cordova-plugin-cszbar 新增外掛: cordova plugin add cordova-plugin-cszbar 不多BB直接上程式碼 $scope.isScanning = false; $scope.scanStar

android開發掃描實現網頁登入

匯入BarCodeLibrary到Eclipse當中 在Eclipse當中建立新專案並依賴於BarCodeLibrary類庫 Code: MainActivity.java public class MainActivity extends Activity implements OnClickLis

Android掃描和根據輸入資訊生成名片

開發中常常遇到二維碼掃碼操作,前段時間做專案要實現該功能,於是網上查詢資料實現了,現在把他做出來給各位分享一下,主要包含了二維碼掃描和生成二維碼名片, 先來看看效果圖:     生成的二維碼,開啟微信掃一掃即可看到生成的名片了,可以儲存在聯絡人中。 二維碼掃描方式如下圖:

IONIC掃描和一(條形碼)

      IONIC掃碼目前有三個外掛 :            https://segmentfault.com/a/1190000012164809     &n

Cordova各個外掛使用介紹系列()—$cordovaBarcodeScanner掃描與生成

這是一個用來掃描二維碼的cordova外掛,在做專案的時候想實現類似於微信的掃一掃功能,就想到了cordova的$cordovaBarcodeScanner外掛,用很少量的程式碼就可以實現了,下面來看一下具體的實現步驟: 一、掃描二維碼: 1、首先需要有一個簡單

cordova呼叫相機掃描外掛及相機外掛

cordova外掛網址一.掃描二維碼在此說明,cordova打包6.3版本以前的Android是可以的,本人用cordova測試7.0,未成功,以下是6.0的教程1.進入外掛網站搜尋掃描二維碼外掛  BarcodeScanner  找到如圖選項,開啟連線2.開啟頁面中找到如下

修改基於zxing庫的cordova掃描外掛BarcodeScan掃介面的UI

最近在做一些混合式的APP開發,主要用到了ionic+cordova兩個框架。關於混合式APP和ionic和cordova就是用開發web的一套東西開發APP應用,就不多說這些了,這不是這篇文章的重點,感興趣的同學可以自己瞭解一下。現在在團隊中主要負責一些cor

掃描自動識別手機APP下載地址

新浪 推廣 amp 需要 android 通過 來源 中文版 blog 原文地址https://www.baidufe.com/item/92457b4d0bfde1effa40.html 移動互聯網發展迅速,各種APP的開發都太瘋狂了,一般稍大點兒的應用,都會準備多個版本

微信掃描登錄網站技術原理

js對象 hit 適合 ace pass 文件 head src get 微信掃描二維碼登錄網站 網站應用微信登錄開發指南 微信掃描二維碼登錄網站是微信開放平臺下網站應用的一種接口實現的功能。微信開放平臺的網址是 https://open.weixin.qq.com 準

H5端掃描

拍照功能 測試 ima -s 拍照 環境 掃描 背景 navi 一、背景介紹   前段時間做了個H5的webapp項目,由於目前所在的公司是做WMS、OMS、TMS相關的物流行業,昨天項目經理提了個需求:能否實現二維碼掃描功能。   實現這個功能項目的價格可以加5萬以上,所

掃描,有你想要!

cnblogs mage 掃描 image http blog img ima jpg 掃描二維碼,有你想要!

android精選源,知乎閱讀瀑布流loading彈窗掃描簡潔的MVP

android精選源碼 瀑布流 知乎閱讀 loading彈窗 掃描二維碼 Android知乎閱讀與網易音樂功能源碼Android用瀑布流展示美女圖片源碼一個簡潔好看的loading彈窗QRCode 掃描二維碼、掃描條形碼、相冊獲取圖片後識別、生...一個Android 輕量級簡單易用的Lo

方案優化:網站實現掃描關註微信公眾號,自動登陸網站並獲取其信息

用戶 class his onerror 就會 openid display 要點 rac 上一篇 《網站實現掃描二維碼關註微信公眾號,自動登陸網站並獲取其信息》 中已經實現用戶掃碼登陸網站並獲取其信息 但是上一篇方案中存在一個問題,也就是文章末尾指出的可以優化的地方(可

幾種掃描工具的User-Agent

HR iphone 微博 3.3 -a web IE and one 微信: user-agent: Mozilla/5.0 (iPhone; CPU iPhone OS 10_3_3 like Mac OS X) AppleWebKit/603.3.8 (KHTML,

PC 商城掃描登錄

掃碼 新的 eight 技術 ID inf 掃描二維碼 idt height 需求分析: 掃碼入口,在pc登錄首頁新增二維碼登錄入口 點擊掃碼入口顯示二維碼 二維碼有效時間為一分鐘 超時後顯示二維碼失效,點擊刷新後生成新的二維碼 在

java學習-zxing生成矩陣的簡單例子

map obj 基於 The output 圖片 .get imageio sts 這個例子需要使用google的開源項目zxing的核心jar包 core-3.2.0.jar 可以百度搜索下載jar文件 也可使用maven添加依賴 <de

vue中,使用手機釘釘掃描登錄

indexof ons 開發 java ava asc dingding erro zepto 最新項目要做一個,使用手機釘釘掃描二維碼登錄pc系統的功能,手機掃碼二維碼後,會彈出一個確定登錄的頁面,點擊確定之後,pc端就會登錄進去 第一步:查看釘釘開發平臺 釘釘開發平

魅族未開啟相機許可權使用zxing掃描閃退

魅族未開啟相機許可權使用zxing掃描二維碼閃退 遇到一個糟心的事,魅族手機未開啟相機許可權,一開啟二維碼掃描頁就閃退,偏偏這個時候,電腦不識別手機,不能除錯,都不知道怎麼回事。型號萬能的公司還有另外一部魅族手機,列印了錯誤日誌。也就是一個空指標異常。 問題找出來了,就是

掃描---第三方

佈局一個button’按鈕 MainActivity package wanghuiqi.bawie.com.qr_code; import android.content.Intent; import android.support.v7.app.AppCompa

react-native-camera 掃描

Github:https://github.com/react-native-community/react-native-camera android: 1、npm install react-native-camera --save