使用jquery生成随机二维码

最新推荐文章于 2023-06-09 10:21:58 发布

静水楼台x

最新推荐文章于 2023-06-09 10:21:58 发布

阅读量911

点赞数 1

本文链接：https://blog.csdn.net/xiyafei122/article/details/89703018

版权

1，使用到的js文件

qrcode.js --生成二维码引用的js

jquery.qrcode.js --生成二维码引用的js

jquery.1.8.3.min.js --使用jquery引入jquery文件

2，示例代码：

<!DOCTYPE HTML>
<html>
<head>
	<title></title>
	<script type="text/javascript" src = "js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src = "js/jquery.qrcode.js"></script>
	<script type="text/javascript" src = "js/qrcode.js"></script>
	
</head>
<body>
    <!-- 根据随机值，生成二维码 -->
    <div><input type="text" id="order_code"/></div>
    <div><input type="button" value="点击生成二维码" onclick="displayqrcode();"></div>
    <div>
    <div>下面显示生成的二维码：</div>
	<div id="order_code_div"></div>
    </div>
    <script type="text/javascript">
    function displayqrcode(){
	//使用qrcode.js生成随机二维码，使用jquery生成随机二维码
	$('#order_code_div').qrcode({
		text:$('#order_code').val(), //根据 $('#order_code').val() 的值，生成随        机二维码  
		render:"canvas",             //设置渲染方式  
		width:180,                    //设置宽度，可以自己根据需要调整  
		height:180                    //设置高度，可以自己根据需要调整  
	}); 	
    }
    </script>
</body>
</html>