生成二维码插件

最新推荐文章于 2021-08-03 18:03:48 发布

小不点--小布丁

最新推荐文章于 2021-08-03 18:03:48 发布

阅读量269

点赞数

本文链接：https://blog.csdn.net/m0_37643611/article/details/68946641

版权

empty


    二维码生成组件
     
   
   
    
   
   
    
   
   
     rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
    <script src="./jquery.qrcode.min.js"></script>
    
    <script >
        $(document).ready(function() {
            $(".btn").click(function() {
              $(".code").qrcode({ 
        render: "table", //table方式 
         width: 256, //宽度 
         height:256, //高度 
        text: "www.helloweba.com" //任意内容 
        }); 

        });
            
        });
         function qcodetochar(str){  
        var out, i, len, c;  
        out = "";  
        len = str.length;  
        for (i = 0; i < len; i++) {  
            c = str.charCodeAt(i);  
            if ((c >= 0x0001) && (c <= 0x007F)) {  
                out += str.charAt(i);  
            } else if (c > 0x07FF) {  
                out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));  
                out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));  
                out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));  
            } else {  
                out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));  
                out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));  
            }  
        }  
        return out;  
    }; 
    </script>

<!DOCTYPE html>
<html>
<head>
<title>二维码生成组件</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="./jquery.qrcode.min.js"></script>
<style>


</style>
<script >
$(document).ready(function() {
$(".btn").click(function() {
$(".code").qrcode({
render: "table", //table方式
width: 256, //宽度
height:256, //高度
text: "www.helloweba.com" //任意内容
});

});

});
function qcodetochar(str){
var out, i, len, c;
out = "";
len = str.length;
for (i = 0; i < len; i++) {
c = str.charCodeAt(i);
if ((c >= 0x0001) && (c <= 0x007F)) {
out += str.charAt(i);
} else if (c > 0x07FF) {
out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
} else {
out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
}
}
return out;
};
</script>


</head>
<body>
<div class="container-fluid">
<button type="button" class="btn btn-default" >生成二维码</button>
<div class="code" id="qrcode"></div>

</div>

</body>
</html>