快捷導(dǎo)航

jquery.qrcode在線(xiàn)生成二維碼使用示例

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

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

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

插件是外國(guó)人寫(xiě)的，所以在開(kāi)始使用的時(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)文章

當(dāng)jquery ajax遇上401請(qǐng)求的解決方法
下面小編就為大家?guī)?lái)一篇當(dāng)jquery ajax遇上401請(qǐng)求的解決方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-05-05
jQuery live
jQuery 1.3中新增的方法。給所有當(dāng)前以及將來(lái)會(huì)匹配的元素綁定一個(gè)事件處理函數(shù)（比如click事件）。
2009-05-05
jQuery插件Slider Revolution實(shí)現(xiàn)響應(yīng)動(dòng)畫(huà)滑動(dòng)圖片切換效果
Slider Revolution插件是一款非常強(qiáng)大的插件了，我們可以利用它來(lái)制作出各種效果并且還支持移動(dòng)設(shè)備，支持手機(jī)觸摸，鍵盤(pán)翻頁(yè)；它內(nèi)置幻燈、視頻播放計(jì)時(shí)器等等效果，具體我們來(lái)看看。
2015-06-06
Jquery 基礎(chǔ)學(xué)習(xí)筆記
此筆記只是作為本人學(xué)習(xí)JQuery的隨手筆記,稍微做了一下整理,希望對(duì)新人有參考價(jià)值。
2009-05-05
jQuery獲得子元素個(gè)數(shù)的方法
這篇文章主要介紹了jQuery獲得子元素個(gè)數(shù)的方法,實(shí)例分析了jQuery中children()方法的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-04-04
jQuery EasyUI API 中文文檔 DateTimeBox日期時(shí)間框
jQuery EasyUI API 中文文檔 DateTimeBox日期時(shí)間框，需要的朋友可以參考下。
2011-10-10
jquery實(shí)現(xiàn)邊框特效
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)邊框特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-01-01
Jquery Easyui表單組件Form使用詳解（30）
這篇文章主要為大家詳細(xì)介紹了Jquery Easyui表單組件Form的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
jQuery回調(diào)方法使用示例
這篇文章主要介紹了jQuery回調(diào)方法使用,結(jié)合具體實(shí)例形式分析了jQuery回調(diào)方法的原理、定義及使用方法,需要的朋友可以參考下
2017-06-06
jQuery使用動(dòng)態(tài)渲染表單功能完成ajax文件下載
使用ajax實(shí)現(xiàn)文件下載，方便，快捷，時(shí)尚，多么有挑戰(zhàn)的一個(gè)功能，首先獲取url和data然后把參數(shù)組裝成form的input再利用request發(fā)送請(qǐng)求，也就是動(dòng)態(tài)渲染表單，提交表單后再刪除，本例將實(shí)現(xiàn)文件下載功能，感興趣的朋友可以聊解下
2013-01-01