`
mushme
  • 浏览: 777632 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

jrcode生成二维码

 
阅读更多
官网地址:http://jeromeetienne.github.com/jquery-qrcode/
<html>
<head>
<title>basic example</title>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.qrcode.js"></script>
<script type="text/javascript" src="qrcode.js"></script>
<script>
	
	$(function(){
         generateBarcode();
     });
     function generateBarcode(){
		$("#barcodeTarget").html("");
		var barcodeValue = $("#barcodeValue").val();
		barcodeValue=utf16to8(barcodeValue);
		jQuery('#barcodeTarget').qrcode({
			render	: "table",
			text	: barcodeValue
		});
//jQuery('#qrcodeCanvas').qrcode({
		//	text	: barcodeValue
		//});	
	}
     function utf16to8(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;
}

</script>
<p>Render in table</p>
	<div id="generator">
      输入内容: <input type="text" id="barcodeValue" value="6925303713003">
      <div id="submit">
        <input type="button" onclick="generateBarcode();" value="生成二维码">
      </div>
    </div>
    <div id="barcodeTarget" class="barcodeTarget"></div>
 <div id="qrcodeCanvas"></div>
</body>
</html>



中文乱码的部分,参照http://suflow.iteye.com/blog/1687396

其它二维码的内容:
QRcode: http://www.swetake.com/qr/qr1_en.html
zxing: http://code.google.com/p/zxing/w/list
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics