前端二維碼掃描庫html5-qrcode使用
阿新 • • 發佈:2019-01-30
本文介紹前端二維碼掃描庫html5-qrcode的使用。
一、庫文件及原始碼
二、引入庫檔案
需要引入的庫檔案如下:
三、建立容器
<div id="reader" style="width:300px;height:250px">
</div>
注意:這裡必須指定容器大小。
四、掃描處理函式實現
$('#reader').html5_qrcode(function(data){
// do something when code is read
alert(data);
},
function (error){
//show read errors
alert(error);
}, function(videoError){
//the video stream could be opened
alert(videoError);
}
);