jquery.qrcode在線生成二維碼使用示例

更新時(shí)間：2013年08月21日 14:59:50 作者：

jquery除了它自己非常出色的js功能之外還附帶有數(shù)不清的插件，可以完成各種美好的效果和功能。jquery.qrcode就是其中一個(gè)，用來(lái)在線生成二維碼

最近在做一個(gè)二維碼的項(xiàng)目，所以在隨便看的時(shí)候發(fā)現(xiàn)這個(gè)感覺(jué)挺不錯(cuò)的。jquery除了它自己非常出色的js功能之外還附帶有數(shù)不清的插件，可以完成各種美好的效果和功能。jquery.qrcode就是其中一個(gè)，用來(lái)在線生成二維碼。
qrcode插件在github上開源的地址在https://github.com/jeromeetienne/jquery-qrcode
它的后面附帶有使用說(shuō)明，只有簡(jiǎn)單的四步，非常方便的調(diào)用。

插件是外國(guó)人寫的，所以在開始使用的時(shí)候不能識(shí)別中文內(nèi)容的二維碼，因?yàn)閖query.qrcode本身是采用charCodeAt()方式進(jìn)行編碼轉(zhuǎn)換的。而這個(gè)方法默認(rèn)會(huì)獲取它的Unicode編碼，如果有中文內(nèi)容，在生成二維碼前就要把字符串轉(zhuǎn)換成UTF-8，然后再生成二維碼?？梢栽陧?yè)面中添加下面的函數(shù)來(lái)轉(zhuǎn)換中文字符串：

復(fù)制代碼代碼如下:

 
function toUtf8(str) { 
var out, i, len, c; 
out = ""; 
len = str.length; 
for(i = 0; i < len; i++) { 
c = str.charCodeAt(i); 
if ((c >= 0x0001) && (c <= 0x007F)) { 
out += str.charAt(i); 
} else if (c > 0x07FF) { 
out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F)); 
out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F)); 
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F)); 
} else { 
out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F)); 
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F)); 
} 
} 
return out; 
} 

您可能感興趣的文章:

相關(guān)文章

jquery append與appendTo方法比較
這篇文章主要介紹了jquery append與appendTo方法區(qū)別的相關(guān)資料,需要的朋友可以參考下
2017-05-05
jQuery學(xué)習(xí)筆記之 Ajax操作篇（二） - 數(shù)據(jù)傳遞
在前一篇介紹 jQuery Ajax 的數(shù)據(jù)加載中的例子都是從靜態(tài)的文件中取得數(shù)據(jù)，而 Ajax 更大的價(jià)值在于與后端服務(wù)器進(jìn)行數(shù)據(jù)傳遞，動(dòng)態(tài)地請(qǐng)求和發(fā)送數(shù)據(jù)。
2014-06-06
jquery實(shí)現(xiàn)頁(yè)面加載效果
本文主要介紹了jquery實(shí)現(xiàn)頁(yè)面加載效果的實(shí)例，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-02-02
基于JQuery.timer插件實(shí)現(xiàn)一個(gè)計(jì)時(shí)器
基于JQuery.timer插件實(shí)現(xiàn)一個(gè)計(jì)時(shí)器，需要的朋友可以參考下。
2010-04-04
jquery判斷當(dāng)前瀏覽器的實(shí)現(xiàn)代碼
這篇文章主要介紹了jquery判斷當(dāng)前瀏覽器的實(shí)現(xiàn)代碼,需要的朋友可以參考下
2015-11-11
jquery衣服顏色選取插件效果代碼分享
這篇文章主要介紹了jquery衣服顏色選取插件效果，很有藝術(shù)感，推薦給大家，有需要的小伙伴可以參考下。
2015-08-08
jquery跟js初始化加載的多種方法及區(qū)別介紹
jquery是等待頁(yè)面加載完數(shù)據(jù)，以及頁(yè)面部分元素；js是頁(yè)面全部加載完成才執(zhí)行初始化加載，具體示例祥看本文
2014-04-04
jQuery EasyUI datagrid實(shí)現(xiàn)本地分頁(yè)的方法
這篇文章主要介紹了jQuery EasyUI datagrid實(shí)現(xiàn)本地分頁(yè)的方法,以實(shí)例形式較為詳細(xì)的分析了本地分頁(yè)的原理與相關(guān)的實(shí)現(xiàn)技巧,需要的朋友可以參考下
2015-02-02
JQuery設(shè)置文本框和密碼框得到焦點(diǎn)時(shí)的樣式
設(shè)置文本框和密碼框得到焦點(diǎn)時(shí)的樣式，通過(guò)jquery來(lái)實(shí)現(xiàn)，需要注意的是中間用逗號(hào)隔開，感興趣的朋友可以參考下
2013-08-08
Jquery的Ajax技術(shù)使用方法
今天小編就為大家分享一篇關(guān)于Jquery的Ajax技術(shù)使用方法，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧
2019-01-01