h5調(diào)用掃一掃功能

scan = null;//掃描對象
mui.plusReady(function () {
mui.init();
startRecognize();
});

    function startRecognize(){  
       try{  
          var filter;  
         //自定義的掃描控件樣式  
         var styles = {frameColor: "#29E52C",scanbarColor: "#29E52C",background: ""}  
        //掃描控件構(gòu)造  
        scan = new plus.barcode.Barcode('bcid',filter,styles);  
        scan.onmarked = onmarked;   
        scan.onerror = onerror;  
        scan.start();  
        //打開關(guān)閉閃光燈處理  
        var flag = false;  
        document.getElementById("turnTheLight").addEventListener('tap',function(){  
           if(flag == false){  
              scan.setFlash(true);  
              flag = true;  
           }else{  
             scan.setFlash(false);  
             flag = false;  
           }  
        });  
      }catch(e){  
        
         }  
      };  
        function onerror(e){  

// alert(e);
};
function onmarked( type, result ) {
var text = '';
switch(type){
case plus.barcode.QR:
text = 'QR: ';
break;
case plus.barcode.EAN13:
text = 'EAN13: ';
break;
case plus.barcode.EAN8:
text = 'EAN8: ';
break;
}
scan.close();
$('#bcid').remove();
// console.log(result.split('=')[1]);
location.href='zhifu.html?storeid='+result.split('=')[1];

        };    
              
    // 從相冊中選擇二維碼圖片   
    function scanPicture() {  
        plus.gallery.pick(function(path){  
            plus.barcode.scan(path,onmarked,function(error){  
                plus.nativeUI.alert( "無法識別此圖片" );  
            });  
        },function(err){  
            plus.nativeUI.alert("Failed: "+err.message);  
        });  
    } 
    $('.mui-action-ss').on('tap',function(){
        scan.close();
        $('#bcid').remove();
        location.href='main.html';
    })

但是手機存在退出掃描頁面會出現(xiàn)黑色框的問題,現(xiàn)在正在努力解決

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 不支持上傳文件,所以就復(fù)制過來了。作者信息什么的都沒刪。對前端基本屬于一竅不通,所以沒有任何修改,反正用著沒問題就...
    全棧在路上閱讀 2,070評論 0 2
  • ¥開啟¥ 【iAPP實現(xiàn)進入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 7,355評論 0 17
  • 1、商品標(biāo)題優(yōu)化(流量大多來自產(chǎn)品,產(chǎn)品的流量又是通過關(guān)鍵詞得來的,所以需要優(yōu)化商品標(biāo)題,以此來增加展現(xiàn)量,點擊率...
    清玲_71a6閱讀 218評論 0 0

友情鏈接更多精彩內(nèi)容