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 };

 ps:若需用H5生成二維碼,則通過鏈接中的方法實現。https://www.cnblogs.com/luoyihao/p/11510569.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM