jquery.qrcode在線生成二維碼使用示例
更新時(shí)間：2013年08月21日 14:59:50 作者：
jquery除了它自己非常出色的js功能之外還附帶有數(shù)不清的插件，可以完成各種美好的效果和功能。jquery.qrcode就是其中一個(gè)，用來在線生成二維碼
最近在做一個(gè)二維碼的項(xiàng)目，所以在隨便看的時(shí)候發(fā)現(xiàn)這個(gè)感覺挺不錯(cuò)的。jquery除了它自己非常出色的js功能之外還附帶有數(shù)不清的插件，可以完成各種美好的效果和功能。jquery.qrcode就是其中一個(gè)，用來在線生成二維碼。
qrcode插件在github上開源的地址在https://github.com/jeromeetienne/jquery-qrcode
它的后面附帶有使用說明，只有簡(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，然后再生成二維碼?？梢栽陧撁嬷刑砑酉旅娴暮瘮?shù)來轉(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;
}
您可能感興趣的文章:
- 基于jQuery和CSS3實(shí)現(xiàn)APPLE TV海報(bào)視差效果
- 利用jquery包將字符串生成二維碼圖片
- 利用jquery.qrcode在頁面上生成二維碼且支持中文
- 使用jquery組件qrcode生成二維碼及應(yīng)用指南
- 使用jquery.qrcode生成彩色二維碼實(shí)例
- javaScript生成支持中文帶logo的二維碼(jquery.qrcode.js)
- jquery插件qrcode在線生成二維碼
- 使用jQuery.Qrcode插件在客戶端動(dòng)態(tài)生成二維碼并添加自定義Logo
- jQuery 生成svg矢量二維碼
- jquery canvas生成帶有二維碼的海報(bào)
相關(guān)文章
這篇文章主要介紹了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)頁面加載效果的實(shí)例，具有很好的參考價(jià)值，下面跟著小編一起來看下吧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衣服顏色選取插件效果，很有藝術(shù)感，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
jquery是等待頁面加載完數(shù)據(jù)，以及頁面部分元素；js是頁面全部加載完成才執(zhí)行初始化加載，具體示例祥看本文2014-04-04
jQuery EasyUI datagrid實(shí)現(xiàn)本地分頁的方法
這篇文章主要介紹了jQuery EasyUI datagrid實(shí)現(xiàn)本地分頁的方法,以實(shí)例形式較為詳細(xì)的分析了本地分頁的原理與相關(guān)的實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-02-02
JQuery設(shè)置文本框和密碼框得到焦點(diǎn)時(shí)的樣式
設(shè)置文本框和密碼框得到焦點(diǎn)時(shí)的樣式，通過jquery來實(shí)現(xiàn)，需要注意的是中間用逗號(hào)隔開，感興趣的朋友可以參考下2013-08-08
今天小編就為大家分享一篇關(guān)于Jquery的Ajax技術(shù)使用方法，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧2019-01-01