使用jquery.qrcode生成二維碼

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