05模块-barcode【条码扫描】
生活随笔
收集整理的這篇文章主要介紹了
05模块-barcode【条码扫描】
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
條碼掃描主要還是用于手機掃描二維碼的功能，其他功能也是可以的如：一維碼、二維碼 、條形碼等等
?
<!DOCTYPE html><html><head><meta charset="utf-8"/><meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/><title>心得</title><script type="text/javascript">//二維碼掃碼是不需要檢查是否已載入plus,因為用戶得點擊按鈕后才能開始掃碼，在用戶點擊按鈕之前plus早已載入//創(chuàng)建掃描控件var scan=null;function startRecognize() {//Barcode(某個div的id值，)document.getElementById("bcid").style.display='block';scan = new plus.barcode.Barcode('bcid');scan.onmarked = onmarked; //掃碼成功時回調(diào)的函數(shù)scan.onerror = onerror; //掃碼失敗時回調(diào)的函數(shù)setTimeout(function(){startScan();},1000);//延遲1秒后開始掃碼（幾乎沒有人在點擊掃碼后剛剛好二維碼就放前面，就算放前面延遲一秒后在掃碼也沒事）}//onmarked函數(shù)返回兩個值，識別到的條碼類型和識別到的條碼數(shù)據(jù)function onmarked(type,result) {if(type!=0){//不是二維碼alert('當(dāng)前掃描到的不是二維碼');return '';}document.getElementById("ewm").innerHTML = result;//掃碼成功后的內(nèi)容document.getElementById("bcid").style.display='none';scan.close();}function onerror(cuowu){alert('掃碼失敗：'+cuowu.message);}function startScan(){scan.start();//開始調(diào)用系統(tǒng)攝像頭獲取圖片數(shù)據(jù)進行掃描識別，當(dāng)識別出條碼數(shù)據(jù)時通過onmarked回調(diào)函數(shù)返回。}function cancelScan(){document.getElementById("bcid").style.display='none';scan.close();//還是覺得用關(guān)閉代替取消比較合適}</script></head><body><input type='button' οnclick='startRecognize()' value='創(chuàng)建掃描控件' /><!--input type='button' οnclick='startScan()' value='開始掃描' /--><input type='button' οnclick='cancelScan()' value='取消掃描' /><div id= "bcid" style="height:500px;width: 100%;background:#333333;display: none;"></div><div style="height: 35px;line-height: 35px;" id="ewm">二維碼掃碼顯示區(qū)域</div></body></html>?
轉(zhuǎn)載于:https://www.cnblogs.com/xhrs/p/9318648.html
總結(jié)
以上是生活随笔為你收集整理的05模块-barcode【条码扫描】的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： GCD LCM UVA - 11388
- 下一篇： 字符串常用操作