天天看點

qrcode生成二維碼(批量)

qrcode.js真的很簡單,是以今天廢話不多說,上代碼:

頁面引入js檔案:

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

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

html:

<div id="qrcode"></div>

js:

// 簡單方式

new QRCode(document.getElementById('qrcode'), 'your content');

// 設定參數方式

var qrcode = new QRCode('qrcode',

{ text: 'your content',  //二維碼内容

width: 256,  //二維碼寬度

height: 256, //二維碼高度

colorDark : '#000000', //前景色

colorLight : '#ffffff',  //背景色

correctLevel : QRCode.CorrectLevel.H

//容錯級别,可設定為:QRCode.CorrectLevel.L 或 QRCode.CorrectLevel.M 或QRCode.CorrectLevel.Q或QRCode.CorrectLevel.H

});

// 使用 API

qrcode.clear();  //清楚二維碼

qrcode.makeCode('new content'); //new content為二維碼内容

批量生成:就是資料循環調用makeCode()

下載下傳qrcode.js的官方位址:http://davidshimjs.github.io/qrcodejs/