05模块-barcode【条码扫描】
生活随笔
收集整理的這篇文章主要介紹了
05模块-barcode【条码扫描】
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
條碼掃描主要還是用于手機掃描二維碼的功能,其他功能也是可以的如:一維碼、二維碼 、條形碼等等
?
<!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早已載入//創建掃描控件var scan=null;function startRecognize() {//Barcode(某個div的id值,)document.getElementById("bcid").style.display='block';scan = new plus.barcode.Barcode('bcid');scan.onmarked = onmarked; //掃碼成功時回調的函數scan.onerror = onerror; //掃碼失敗時回調的函數setTimeout(function(){startScan();},1000);//延遲1秒后開始掃碼(幾乎沒有人在點擊掃碼后剛剛好二維碼就放前面,就算放前面延遲一秒后在掃碼也沒事)}//onmarked函數返回兩個值,識別到的條碼類型和識別到的條碼數據function onmarked(type,result) {if(type!=0){//不是二維碼alert('當前掃描到的不是二維碼');return '';}document.getElementById("ewm").innerHTML = result;//掃碼成功后的內容document.getElementById("bcid").style.display='none';scan.close();}function onerror(cuowu){alert('掃碼失敗:'+cuowu.message);}function startScan(){scan.start();//開始調用系統攝像頭獲取圖片數據進行掃描識別,當識別出條碼數據時通過onmarked回調函數返回。}function cancelScan(){document.getElementById("bcid").style.display='none';scan.close();//還是覺得用關閉代替取消比較合適}</script></head><body><input type='button' οnclick='startRecognize()' value='創建掃描控件' /><!--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">二維碼掃碼顯示區域</div></body></html>?
轉載于:https://www.cnblogs.com/xhrs/p/9318648.html
總結
以上是生活随笔為你收集整理的05模块-barcode【条码扫描】的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: GCD LCM UVA - 11388
- 下一篇: 字符串常用操作