摘要：需求明確開(kāi)啟常見(jiàn)的條碼二維碼及一維碼的掃描識(shí)別功能，可調(diào)用設(shè)備的攝像頭對(duì)條碼圖片掃描進(jìn)行數(shù)據(jù)輸入。通過(guò)可獲取條碼碼管理對(duì)象。知識(shí)點(diǎn)明確模塊提供開(kāi)啟攝像頭掃描功能。載入中取消退出頁(yè)面從相冊(cè)選擇二維碼

需求明確

開(kāi)啟常見(jiàn)的條碼（二維碼及一維碼）的掃描識(shí)別功能，可調(diào)用設(shè)備的攝像頭對(duì)條碼圖片掃描進(jìn)行數(shù)據(jù)輸入。通過(guò)plus.barcode可獲取條碼碼管理對(duì)象。

知識(shí)點(diǎn)明確

Barcode模塊:plus.barcode,提供開(kāi)啟攝像頭掃描功能。
Gallery模塊:plus.gallery，提供讀取相冊(cè)二維碼圖片功能。
效果展示：

實(shí)現(xiàn)步驟

創(chuàng)建條碼掃描識(shí)別控件實(shí)例對(duì)象,涉及到Barcode模塊,具體參數(shù)設(shè)置可參考5+ API Barcode
在plusReady事件觸發(fā)之后創(chuàng)建一個(gè)Barcode實(shí)例對(duì)象，此對(duì)象提供四個(gè)方法：
start: 開(kāi)始條碼識(shí)別
cancel: 結(jié)束條碼識(shí)別
close: 關(guān)閉條碼識(shí)別控件
setFlash: 是否開(kāi)啟閃光燈
和兩個(gè)事件：
onmarked: 條碼識(shí)別成功事件
onerror: 條碼識(shí)別錯(cuò)誤事件

function plusReady() {
    if(ws || !window.plus || !domready) {
        return;
    }
    // 獲取窗口對(duì)象
    ws = plus.webview.currentWebview();
    // 開(kāi)始掃描
    ws.addEventListener("show", function() {
        scan = new plus.barcode.Barcode("bcid");
        // 定義識(shí)別成功事件
        scan.onmarked = onmarked;
        // 定義開(kāi)始條碼識(shí)別
        scan.start({
            conserve: true, // 是否保存成功掃描到的條碼數(shù)據(jù)時(shí)的截圖
            filename: "_doc/barcode/"  // 保存成功掃描到的條碼數(shù)據(jù)時(shí)的圖片路徑
        });
    }, false);
    // 顯示頁(yè)面并關(guān)閉等待框
    ws.show("pop-in");
}

// 二維碼掃描成功

function onmarked(type, result, file) {
    switch(type) {
        case plus.barcode.QR:
            type = "QR";
            break;
        case plus.barcode.EAN13:
            type = "EAN13";
            break;
        case plus.barcode.EAN8:
            type = "EAN8";
            break;
        default:
            type = "其它" + type;
            break;
    }
    result = result.replace(/
/g, "");
    plus.nativeUI.alert("掃描結(jié)果:" + JSON.stringify(result), function() {
        console.log("掃描成功")
    }, "helloW2A", "OK");
    back();
}

2.從相冊(cè)中選擇圖片識(shí)別,涉及到Gallery模塊，具體參數(shù)設(shè)置可參考5+ API：Gallery

// 從相冊(cè)中選擇二維碼圖片** 
function scanPicture() {
    plus.gallery.pick(function(path) {
        plus.barcode.scan(path, onmarked, function(error) {
            plus.nativeUI.alert("無(wú)法識(shí)別此圖片");
        });
    }, function(err) {
        console.log("Failed: " + err.message);
    });
}

3.DOM結(jié)構(gòu)參考

    
    

        

        
...載入中...