jQuery實(shí)現(xiàn)二維碼掃描功能
更新時(shí)間：2017年01月09日 09:49:18 作者：Zerone1993
這篇文章主要
介紹了jQuery利用jquery.qrcode.min.js插件實(shí)現(xiàn)二維碼掃描功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
二維碼：利用圖形模擬二進(jìn)制0、1的概念，達(dá)到存儲(chǔ)少量數(shù)據(jù)的功能，一般移動(dòng)端瀏覽器解析出二維碼里面隱藏的url數(shù)據(jù)會(huì)自動(dòng)進(jìn)行跳轉(zhuǎn)，常見(jiàn)的支付寶、微信掃描登陸就是利用該原理
Jquery二維碼的實(shí)現(xiàn)：jquery.qrcode.min.js插件
HTML正文：
<script type="text/javascript" src="js/jquery.qrcode.min.js"></script> <input type="button" value="二維碼" id="bt" />： <span id="count"></span> <br> <div id="code"></div> <br>
Javascript操作代碼：
var i=0;
$("#bt").click(function() {
$("#count").text(++i);
$("#code").text(""); //初始化二維碼的位置
jQuery('#code').qrcode({
render : "canvas",//也可以替換為table
width : 100,
height : 100,
text : "http://www.baidu.com" //二維碼內(nèi)置內(nèi)容，如果時(shí)URL形式一般瀏覽器會(huì)自動(dòng)加載
});
});
效果：
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- 利用jquery包將字符串生成二維碼圖片
- 利用jquery.qrcode在頁(yè)面上生成二維碼且支持中文
- 使用jquery組件qrcode生成二維碼及應(yīng)用指南
- 使用jquery.qrcode生成彩色二維碼實(shí)例
- jquery.qrcode在線(xiàn)生成二維碼使用示例
- jquery插件qrcode在線(xiàn)生成二維碼
- Jquery 類(lèi)網(wǎng)頁(yè)微信二維碼圖塊滾動(dòng)效果具體實(shí)現(xiàn)
- jQuery實(shí)現(xiàn)微信長(zhǎng)按識(shí)別二維碼功能
- 使用jquery.qrcode.min.js實(shí)現(xiàn)中文轉(zhuǎn)化二維碼
- jQuery qrcode生成二維碼的方法
相關(guān)文章
用jQuery向div中添加Html文本內(nèi)容的簡(jiǎn)單實(shí)現(xiàn)
下面小編就為大家?guī)?lái)一篇用jQuery向div中添加Html文本內(nèi)容的簡(jiǎn)單實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
jQuery EasyUI API 中文幫助文檔和擴(kuò)展實(shí)例
這篇文章主要介紹了jQuery EasyUI API 中文幫助文檔和擴(kuò)展實(shí)例 的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08
簡(jiǎn)單易擴(kuò)展可控性強(qiáng)的Jquery轉(zhuǎn)盤(pán)抽獎(jiǎng)程序
今天小編就為大家分享一篇關(guān)于簡(jiǎn)單易擴(kuò)展可控性強(qiáng)的Jquery轉(zhuǎn)盤(pán)抽獎(jiǎng)程序，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧2019-03-03
這篇文章主要介紹了jQuery鏈?zhǔn)讲僮?實(shí)例分析了jQuery基于鏈?zhǔn)讲僮鲃?dòng)態(tài)改變頁(yè)面元素樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11
今天小編就為大家分享一篇關(guān)于jQuery事件blur()方法的使用實(shí)例講解，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧2019-03-03
PageSwitch插件實(shí)現(xiàn)100種不同圖片切換效果
這篇文章主要介紹了PageSwitch插件實(shí)現(xiàn)100種不同圖片切換效果,需要的朋友可以參考下2015-07-07
jQuery實(shí)現(xiàn)的監(jiān)聽(tīng)導(dǎo)航滾動(dòng)置頂狀態(tài)功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的監(jiān)聽(tīng)導(dǎo)航滾動(dòng)置頂狀態(tài)功能,涉及基于jQuery的事件響應(yīng)及狀態(tài)監(jiān)聽(tīng)等相關(guān)操作技巧,需要的朋友可以參考下2018-07-07
下面小編就為大家?guī)?lái)一篇各種選擇框jQuery的選中方法(實(shí)例講解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06
jQuery獲取復(fù)選框被選中數(shù)量及判斷選擇值的方法詳解
這篇文章主要介紹了jQuery獲取復(fù)選框被選中數(shù)量及判斷選擇值的方法,結(jié)合實(shí)例形式分析了jQuery操作復(fù)選框進(jìn)行判定與統(tǒng)計(jì)的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2016-05-05
jQuery 文本框得失焦點(diǎn)的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)jQuery 文本框得失焦點(diǎn)的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02