qrcode.js是一個(gè)用于生成二維碼圖片的插件。

使用時(shí)只需寫兩個(gè)函數(shù)即可，首先是：

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

這段函數(shù)大概是生成二維碼的一段代碼，具體實(shí)現(xiàn)方法暫且未知，等我弄明白之后會(huì)重新編輯這篇文章。

然后是設(shè)置你想生成的二維碼的一些參數(shù)：

$("#code").qrcode({ //設(shè)置cssrender: "table", //二維碼的生成方式width: 300, //生成二維碼的寬度height:300, //生成二維碼的高度text: str, //解析成二維碼的連接correctLevel :3 //容錯(cuò)級(jí)別，默認(rèn)為2，最高為3，為了讓用戶掃碼最快，容錯(cuò)級(jí)別應(yīng)當(dāng)設(shè)為最低 });

最后生成的二維碼效果如下：

?

?

如果要和后臺(tái)進(jìn)行互動(dòng)，那么就要使用ajax不斷進(jìn)行判斷，看這個(gè)二維碼什么時(shí)候被掃描到，如果被掃描到的話，可以自己設(shè)置一個(gè)狀態(tài)向后臺(tái)傳遞，通過更改這個(gè)狀態(tài)來表示二維碼已經(jīng)被掃描，或者也可以通過二維碼跳轉(zhuǎn)到另一個(gè)頁面，在另一個(gè)頁面上與后臺(tái)進(jìn)行互動(dòng)。不過需要注意的是，如果是本地(localhost)或者局域網(wǎng)的狀態(tài)下，輸入網(wǎng)址時(shí)需要使用自己當(dāng)前電腦的ip地址和端口號(hào)。

總結(jié)

以上是生活随笔為你收集整理的qrcode的使用方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。