jquery.qrcode在線生成二維碼使用示例
更新時間：2013年08月21日 14:59:50 作者：
jquery除了它自己非常出色的js功能之外還附帶有數(shù)不清的插件，可以完成各種美好的效果和功能。jquery.qrcode就是其中一個，用來在線生成二維碼
最近在做一個二維碼的項目，所以在隨便看的時候發(fā)現(xiàn)這個感覺挺不錯的。jquery除了它自己非常出色的js功能之外還附帶有數(shù)不清的插件，可以完成各種美好的效果和功能。jquery.qrcode就是其中一個，用來在線生成二維碼。
qrcode插件在github上開源的地址在https://github.com/jeromeetienne/jquery-qrcode
它的后面附帶有使用說明，只有簡單的四步，非常方便的調(diào)用。
插件是外國人寫的，所以在開始使用的時候不能識別中文內(nèi)容的二維碼，因為jquery.qrcode本身是采用charCodeAt()方式進行編碼轉換的。而這個方法默認會獲取它的Unicode編碼，如果有中文內(nèi)容，在生成二維碼前就要把字符串轉換成UTF-8，然后再生成二維碼。可以在頁面中添加下面的函數(shù)來轉換中文字符串：
復制代碼 代碼如下:
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 append與appendTo方法區(qū)別的相關資料,需要的朋友可以參考下2017-05-05
jQuery學習筆記之 Ajax操作篇（二） - 數(shù)據(jù)傳遞
在前一篇介紹 jQuery Ajax 的數(shù)據(jù)加載中的例子都是從靜態(tài)的文件中取得數(shù)據(jù)，而 Ajax 更大的價值在于與后端服務器進行數(shù)據(jù)傳遞，動態(tài)地請求和發(fā)送數(shù)據(jù)。2014-06-06
本文主要介紹了jquery實現(xiàn)頁面加載效果的實例，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
基于JQuery.timer插件實現(xiàn)一個計時器，需要的朋友可以參考下。2010-04-04
這篇文章主要介紹了jquery判斷當前瀏覽器的實現(xiàn)代碼,需要的朋友可以參考下2015-11-11
這篇文章主要介紹了jquery衣服顏色選取插件效果，很有藝術感，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
jquery是等待頁面加載完數(shù)據(jù)，以及頁面部分元素；js是頁面全部加載完成才執(zhí)行初始化加載，具體示例祥看本文2014-04-04
jQuery EasyUI datagrid實現(xiàn)本地分頁的方法
這篇文章主要介紹了jQuery EasyUI datagrid實現(xiàn)本地分頁的方法,以實例形式較為詳細的分析了本地分頁的原理與相關的實現(xiàn)技巧,需要的朋友可以參考下2015-02-02
設置文本框和密碼框得到焦點時的樣式，通過jquery來實現(xiàn)，需要注意的是中間用逗號隔開，感興趣的朋友可以參考下2013-08-08
今天小編就為大家分享一篇關于Jquery的Ajax技術使用方法，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01