js生成二维码

最新推荐文章于 2024-05-15 03:18:29 发布

绝强的寻觅疯狂

最新推荐文章于 2024-05-15 03:18:29 发布

阅读量479

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/u012480629/article/details/39375817

版权

javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

</pre><h1 style="text-align: center;"><span style="color:#33cc00;">js生成二维码</span></h1><div></div><div>这两天需要写一个js生成二维码，就上网学习了一下，感觉还是挺不错的。</div><div></div><div>写二维码之前需要jquery-2.1.1.js和jquery.qrcode.min.js</div><div>1.导入jquery-2.1.1.js和jquery.qrcode.min.js</div><div>2.通过$('#code').qrcode(str)方法便可生成二维码，在id为code的区域。</div><div></div><div></div><div>演示代码</div><div></div><div><pre name="code" class="html"><html>
	<head>
	<meta charset="utf-8">
	<script type="text/javascript" src="js/jquery-2.1.1.js"></script>
	<script type="text/javascript" src="js/jquery.qrcode.min.js"></script>
	<script type="text/javascript">
		
		$(function(){
			//首先初始化一个二维码（你好世界）
			var str="你好世界！";
			$('#code').qrcode(str);
			
			$('#tijiao').click(function(){
				
				$('#code').empty();//生成二维码的区域置为空
				var str=toUtf8($('#erweima').val());
				$('#code').qrcode({
					render: "table",
					width: 200,
					height:200,
					text: str
				});
			});
		});
		
		//将汉字的编码格式转换为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;   
		}  
		
	</script>
	</head>

	<body>
		
		<div align="center">
			<br><br><br>
			<br><br><br>
			<h1>js生成二维码</h1>
			<br>
			<input type="text" class="input" id="erweima"/><input type="button" id="tijiao" value="提交"><br><br><br>
			<div id="code"></div>
		</div>
	</body>
</html>