jquery.qrcode在線生成二維碼使用示例
更新時間：2013年08月21日 14:59:50 作者：
jquery除了它自己非常出色的js功能之外還附帶有數(shù)不清的插件，可以完成各種美好的效果和功能。jquery.qrcode就是其中一個，用來在線生成二維碼
最近在做一個二維碼的項目，所以在隨便看的時候發(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;
}
相關(guān)文章
當(dāng)jquery ajax遇上401請求的解決方法
下面小編就為大家?guī)硪黄?dāng)jquery ajax遇上401請求的解決方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
jQuery 1.3中新增的方法。給所有當(dāng)前以及將來會匹配的元素綁定一個事件處理函數(shù)（比如click事件）。2009-05-05
jQuery插件Slider Revolution實現(xiàn)響應(yīng)動畫滑動圖片切換效果
Slider Revolution插件是一款非常強(qiáng)大的插件了，我們可以利用它來制作出各種效果并且還支持移動設(shè)備，支持手機(jī)觸摸，鍵盤翻頁；它內(nèi)置幻燈、視頻播放計時器等等效果，具體我們來看看。2015-06-06
此筆記只是作為本人學(xué)習(xí)JQuery的隨手筆記,稍微做了一下整理,希望對新人有參考價值。2009-05-05
這篇文章主要介紹了jQuery獲得子元素個數(shù)的方法,實例分析了jQuery中children()方法的使用技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
jQuery EasyUI API 中文文檔 DateTimeBox日期時間框
jQuery EasyUI API 中文文檔 DateTimeBox日期時間框，需要的朋友可以參考下。2011-10-10
這篇文章主要為大家詳細(xì)介紹了jquery實現(xiàn)邊框特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
這篇文章主要為大家詳細(xì)介紹了Jquery Easyui表單組件Form的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了jQuery回調(diào)方法使用,結(jié)合具體實例形式分析了jQuery回調(diào)方法的原理、定義及使用方法,需要的朋友可以參考下2017-06-06
jQuery使用動態(tài)渲染表單功能完成ajax文件下載
使用ajax實現(xiàn)文件下載，方便，快捷，時尚，多么有挑戰(zhàn)的一個功能，首先獲取url和data然后把參數(shù)組裝成form的input再利用request發(fā)送請求，也就是動態(tài)渲染表單，提交表單后再刪除，本例將實現(xiàn)文件下載功能，感興趣的朋友可以聊解下2013-01-01