插件qrcode.js生成二維碼

1.下載qrcode.js文件  Github 地址:

https://github.com/davidshimjs/qrcodejs

2.html中添加如下代碼

<script type="text/javascript" src="qrcode.js"></script>
<div class="qrcode" id="qrcode" url="http://www.diyiyou.com"></div>

3.js示例代碼

$('.qrcode').each(function(){
	var url = $(this).attr('url');
	var id  = $(this).attr('id');
	makeQRCode(id, url);
});

//生成二維碼圖片
function makeQRCode(codes, url, width=114, height=114) { 
    var qrcode = new QRCode(codes, {width:width, height:height});   
    qrcode.makeCode(url);
}

注:該方法是根據html id屬性設置的,如果一個頁面需要設置多個二維碼,則需要用多個不同的id屬性,如:qrcode1、qrcode2,url是掃碼的跳轉地址

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章