批量动态生成二维码

批量动态生成二维码

   <script type="text/javascript" src="/site_media/js/qrcode.js"></script>
   // 生成二维码
    $(".qrcode").each(function(){
        var timestamp = new Date().getTime() + Math.random().toString().split(".")[1];  // 时间戳 + 随机数
        $(this).attr("id", timestamp);
        var q_type = $(this).attr("data-type");
        var q_id = $(this).attr("data-id");
        var qrcode_text = "http://www.domain.cn/qr/?type="+q_type+"&id="+q_id;

        var qrcode = new QRCode(timestamp, {
            width: 140,
            height: 140,
            colorDark: '#000000',
            colorLight: '#ffffff',
            correctLevel: QRCode.CorrectLevel.L
        });
        qrcode.makeCode(qrcode_text);
    });

 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<script src="qrcode.js"></script>
</head>
<body>
    <div id="div1">http://baidu.com</div>
    <div id="div2">http://baidu.com</div>
    <div id="div3">http://baidu.com</div>
    <div id="div4">http://baidu.com</div>
    <div id="div5">http://baidu.com</div>
    <div id="div6">http://baidu.com</div>
    <div id="div7">http://baidu.com</div>
    <div id="div8">http://baidu.com</div>
    <div id="div9">http://baidu.com</div>
    <div id="div10">http://baidu.com</div>

    <script>
        var tags = document.getElementsByTagName('div');
        for (var i = tags.length - 1; i >= 0; i--) {
            var _id = tags[i].getAttribute('id');
            
            var qrcode = new QRCode(_id, {
                width: 160,
                height: 160,
                colorDark: '#000000',
                colorLight: '#ffffff',
                correctLevel: QRCode.CorrectLevel.L
            });
            var text = tags[i].innerHTML;
            qrcode.makeCode(text);
        }
    </script>
</body>
</html>

 

.

posted @ 2016-10-21 09:09  weiokx  阅读(1668)  评论(0)  编辑  收藏  举报