線上生成二維碼程式碼例項

現在二維碼似乎已經成了一個流行元素，隨便一個網站都要掛上一個二維碼，供使用者掃描，當然是否真的有使用者去掃描就不得而知了，既然如此流行，那就介紹一下如何實現線上生成二維碼。

使用jquery.qrcode外掛可以實現此功能，線上開源地址是:

[HTML] 純文字檢視 複製程式碼
https://github.com/jeromeetienne/jquery-qrcode

上面已經有使用說明了，非常的簡單，這裡就不多介紹了。

由於程式碼是老外寫的，並沒有考慮到中文，所以不能識別中文內容的二維碼，又由於jquery.qrcode本身是採用charCodeAt()方式進行編碼轉換的。而這個方法預設會獲取它的Unicode編碼，如果有中文內容，在生成二維碼前就要把字串轉換成UTF-8，然後再生成二維碼。可以在頁面中新增下面的函式來轉換中文字串： 

[JavaScript] 純文字檢視 複製程式碼
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; 
}