1. 程式人生 > >jquery-qrcode

jquery-qrcode

mat ini mini 獲取 color http unicode unicode編碼 中文字符串

jquery -qrcode

github地址https://github.com/jeromeetienne/jquery-qrcode

copy jquery.qrcode.min.js和jquery.mini.js到項目中


加入div

<div id="qrcode"></div>

生成二維碼

<script type="text/javascript">
  $(‘#qrcode‘).qrcode(toUtf8("釣魚島是中國的!"));
    $(‘#qrcode‘).qrcode({
    width : 64,
    height : 64,
    text : 
"size doesn‘t matter"   }); </script>

如果二維碼是中文,存在亂碼問題
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-qrcode