HTML
1、首先在引入jQuery.js和qrcode.min.js。
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="qrcode.min.js"></script>
2、#qrcode 是生成二维码区域。代码如下:
<input type="text" class="input" id="url" value="" autocomplete="off"/> <input type="button" class="btn" id="submit" value="提交"/> <div id="qrcode"></div>
3、实例化QRCode,注意这个插件不依赖其他库,So “document.getElementById("qrcode")” 不能写成$("#qrcode"),否则报错。
4、最后通过提交按钮,生成二维码
$("#submit").click(function() { var url = $("#url").val(); if (!url) { alert("请输入要生成二维码的内容"); url.focus(); return; } qrcode.makeCode(url); //生成二维码方法 });