1. 程式人生 > >H5實現掃描二維碼功能

H5實現掃描二維碼功能

為了實現H5掃描二維碼功能,我在網上找到了可用的程式碼:https://github.com/zhiqiang21/WebComponent/tree/master/html5-Qrcode

該程式能基本實現手機拍照或從相簿選擇二維碼實現掃描輸出功能,注意要點為:

1.該程式引用zepto.js庫,可用jQuery庫替代。

2.該掃描功能在手機上拍照需要與二維碼保持一定距離,越近越難識別。

3.修改qrcode.js檔案的內容,可以各種方式輸出結果。

1 oFReader.onload = function(oFREvent) {
2     qrcode.decode(oFREvent.target.result)
3     qrcode.callback = function(data) {
4         //得到掃碼的結果
5         $('.result-qrcode').val(data)
6     };
7 };

&n