最近研究了怎么显示当前页面的二维码,使用JQuery的插件可以很简单地完成。

  • 首先引用JQuery和生成二维码的插件
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
  • 页面中添加一个div作为生成二维码的容器
<div id="qrcode"></div>
  • 使用以下JS生成
$("#qrcode").qrcode({
   text: window.location.href, //设置字符串为当前url
   width: 150,
   height: 150
});

查看demo

查看完整代码