最近在做一個二維碼的項目,所以在隨便看的時候發現這個感覺挺不錯的。 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 c = str.charCodeAt(i);
if ((c >= 0x0001) && (c 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; } } return out; } }