DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery.qrcode在線生成二維碼使用示例
jquery.qrcode在線生成二維碼使用示例
編輯:JQuery特效代碼     

最近在做一個二維碼的項目,所以在隨便看的時候發現這個感覺挺不錯的。jquery除了它自己非常出色的js功能之外還附帶有數不清的插件,可以完成各種美好的效果和功能。jquery.qrcode就是其中一個,用來在線生成二維碼。
qrcode插件在github上開源的地址在https://github.com/jeromeetienne/jquery-qrcode
它的後面附帶有使用說明,只有簡單的四步,非常方便的調用。

插件是外國人寫的,所以在開始使用的時候不能識別中文內容的二維碼,因為jquery.qrcode本身是采用charCodeAt()方式進行編碼轉換的。而這個方法默認會獲取它的Unicode編碼,如果有中文內容,在生成二維碼前就要把字符串轉換成UTF-8,然後再生成二維碼。可以在頁面中添加下面的函數來轉換中文字符串:
. 代碼如下:
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;
}

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved