JQuery二维码插件(前台生成)

时间:2022-09-20 23:28:15

去网上下载两个JS文件


1.jquery.qrcode.js  

2.qrcode.js

<html>
<head>
<title>basic example</title>
</head>
<body>
<script src="jquery.min.js"></script>

<script type="text/javascript" src="jquery.qrcode.js"></script>
<script type="text/javascript" src="qrcode.js"></script>

<p>二维码信息:201211070014</p>
<div id="qrcodeTable"></div>
<p>二维码信息:gerrard</p>
<div id="qrcodeCanvas"></div>
<script>
//jQuery('#qrcode').qrcode("this plugin is great");
jQuery('#qrcodeTable').qrcode({
render: "table",
text: "201211070014"//根据此串生成第一个二维码
});
jQuery('#qrcodeCanvas').qrcode({
text: "gerrard"//根据此串生成第二个二维码
});
</script>

</body>
</html>

结果: JQuery二维码插件(前台生成)