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

2019-11-20 22:22:49

字體：大中小

供稿：網(wǎng)友

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

插件是外國人寫的，所以在開始使用的時候不能識別中文內(nèi)容的二維碼，因為jquery.qrcode本身是采用charCodeAt()方式進(jìn)行編碼轉(zhuǎn)換的。而這個方法默認(rèn)會獲取它的Unicode編碼，如果有中文內(nèi)容，在生成二維碼前就要把字符串轉(zhuǎn)換成UTF-8，然后再生成二維碼。可以在頁面中添加下面的函數(shù)來轉(zhuǎn)換中文字符串：

復(fù)制代碼代碼如下:

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