怎么在JavaScript中使用qrcode.js插件生成二维码

怎么在JavaScript中使用qrcode.js插件生成二维码？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

首先，导入js

<script type="text/javascript" src="<%=basePath %>bootstrap/js/qrcode.js" charset="UTF-8"></script>

<input type="hidden" id="content" value="" />    <!-- 二维码弹出框 -->  div class="modal fade" id="myModal_qrcode" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">  <div class="modal-dialog" role="document">    <div class="modal-content">      <div class="modal-header">        <button type="button" class="close" data-dismiss="modal" aria-label="Close">          <span aria-hidden="true">×</span>        </button>        <h5 class="modal-title" id="myModalLabel">二维码</h5>      </div>      <div class="modal-body">        <center>          <div id="qrcode"></div>          <table>            <tbody>              <tr>                <td>                  <label class="col-sm-4 control-label" for="equ_name_qrcode"><h7>设备名称:</h7></label>                  <div class="col-sm-8">                    <input class="form-control" id="equ_name_qrcode" type="text"/>                  </div>                </td>                <td>                  <label class="col-sm-4 control-label" for="equ_ip_qrcode"><h7>设备IP:</h7></label>                  <div class="col-sm-8">                  <input class="form-control" id="equ_ip_qrcode" type="text"/>                  </div>                </td>              </tr>            </tbody>          </table>        </center>      </div>      <div class="modal-footer">        <button type="button" class="btn btn-default" data-dismiss="modal">          <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>关闭        </button>        <button type="button" id="btn_print" class="btn btn-primary" data-dismiss="modal">          <span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>打印        </button>      </div>    </div>  </div>  /div>

js:

// 二维码对象    var qrcode;  function showCode(id) {    var rowid=$("#grid-table").jqGrid("getGridParam","selrow");    if (rowid != null) {      var rowData = $("#grid-table").jqGrid('getRowData',rowid);      // 获取内容      $("#content").val("公司名称："+rowData.companyName+","+"设备IP："+rowData.deviceIP+","+"投运时间："+rowData.inTime);      $("#equ_name_qrcode").val(rowData.deviceName);      $("#equ_ip_qrcode").val(rowData.deviceIP);    } else {      toastr.error("点击错误，请重新点击");      return;    }    // 清除上一次的二维码    if(qrcode){      $("#qrcode").html("");    }    // 创建二维码    qrcode = new QRCode(document.getElementById("qrcode"), {      width : 150,//设置宽高      height : 150    });    $("#myModal_qrcode").modal();  //  $(".btn_print").attr('id','btn_print'+id);    qrcode.makeCode(document.getElementById("content").value);  }

看完上述内容，你们掌握怎么在JavaScript中使用qrcode.js插件生成二维码的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注亿速云行业资讯频道，感谢各位的阅读！