快捷導(dǎo)航

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í)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(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)讲僮?實(shí)例分析了jQuery基于鏈?zhǔn)讲僮鲃?dòng)態(tài)改變頁(yè)面元素樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-11-11
jQuery事件blur()方法的使用實(shí)例講解
今天小編就為大家分享一篇關(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
各種選擇框jQuery的選中方法(實(shí)例講解)
下面小編就為大家?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