js 生成二维码 qrcode.js

效果图：

qrcode.js这是一个使用比较多的js生成二维码的插件，使用也很方便，第一次用，记录一下使用方法；

首先，导入js，这个网上可以找到，附上地址：https://github.com/davidshimjs/qrcodejs/

jsp:

            
    

        

            

                

                    
                        ×
                    
                    
二维码
                
                

                    
                        

                        

                            

                                

                                    

                                        设备名称:
                                        

                                            
                                        
                                    
                                    

                                        设备IP:
                                        

                                        
                                        
                                    
                                
                            
                        
                    
                
                

                    
                        关闭
                    
                    
                        打印
                    
                
            
        
    

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);
}