jquery.qrcode線上生成二維碼使用示例

NO IMAGE

最近在做一個二維碼的專案,所以在隨便看的時候發現這個感覺挺不錯的。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;
}

您可能感興趣的文章:

利用jquery包將字串生成二維碼圖片利用jquery.qrcode在頁面上生成二維碼且支援中文使用jquery元件qrcode生成二維碼及應用指南使用jquery.qrcode生成彩色二維碼例項jquery外掛qrcode線上生成二維碼Jquery 類網頁微信二維碼圖塊滾動效果具體實現jQuery實現微信長按識別二維碼功能使用jquery.qrcode.min.js實現中文轉化二維碼jQuery qrcode生成二維碼的方法jQuery實現二維碼掃描功能