夏日博客

A-A+

jquery.qrcode.js自动生成二维码例子

2016年01月07日 前端设计 暂无评论 阅读 5 views 次

jquery.qrcode.js 是一个能够在客户端生成矩阵二维码QRCode 的jquery插件了，这样我们就不需要使用php了，可以直接使用qrcode.js来生成客户端二维码了。

html代码如下:

  1. <input id="txt" type="text" value="https://www.xiariboke.net/">  
  2. <input id="btn" type="button" value="生成二维码">  
  3. <div id="qrcode"></div>  
  4. <script src="jquery.min.js"></script>  
  5. <script src="qrcode.min_.js"></script>  

css代码如下:

  1. #qrcode {  
  2.     width: 200px;  
  3.     height: 200px;  
  4.     margin-top: 15px;  
  5. }  

js代码如下:

  1. // 实例化 QRCode 并传入元素 ID  
  2. var qrcode = new QRCode("qrcode");  
  3.   
  4. document.getElementById("btn").onclick = makeCode;  
  5.   
  6. function makeCode () {  
  7.   
  8.     // 获取链接  
  9.     var ele = document.getElementById("txt");  
  10.   
  11.     // 生成二维码并放置在元素中  
  12.     qrcode.makeCode(ele.value);  
  13. }  
标签：

给我留言