1、首先在页面中加入jquery库文件和qrcode插件
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.qrcode.min.js"></script>
2、在页面中需要显示二维码的地方加入以下代码：
<div id="code"></div>
3、调用qrcode插件。支持canvas和table两种方式进行图片渲染
canvas方式：
$('#code').qrcode("http://www.baidu.com"); //任意字符串
或
var qrcode = new QRCode(document.getElementById("qrcode"), {
width: 180,
height: 180
});
qrcode.makeCode("http://www.baidu.com");
table方式：
$("#code").qrcode({
render: "table", //table方式
width: 200, //宽度
height:200, //高度
text: "www.helloweba.com" //任意内容
});
4、下载qrcode.js
下载qrcode.js