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 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; } }