QRCode简单生成二维码

QRCode简单生成二维码

1、导包

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

2、jsp的body里

<body>

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

   <input type="text" id="input"/>  <!-- 输入地址 -->

   <button id="send">输出二维码</button>

</body>

3、js代码

<script type="text/javascript">

   window.onload=function(){

      var qrcode =new QRCode(document.getElementById("qrcode"),{

           width : 200,//设置二维码的高度

           height : 200

      });

      qrocde.makeCode("http://www.baidu.com");  //设置初始的二维码

      document.getElementById("send").onclock = function(){

          qrcode.makeCode(document.getElementById("input").value);

     }

   }

</script>


显示结果:

QRCode简单生成二维码