【在web项目jsp页面自动生成二维码功能】

在web项目jsp页面自动生成二维码功能

原文:
http://www.cnblogs.com/gczmn/.
https://www.jq22.com/jquery-info294/.

先将下面的文件导入到js中请添加图片描述
下载地址
链接: https://pan.baidu.com/s/1Gnde2FkRghrFMKDIABHKsg?pwd=7io5
提取码:7io5
.

再将jquery.qrcode.min.js和jquery添加到jsp页面中 代码片.

// An highlighted block
<script src="${ctx}/resource/user/js/jquery-jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="${ctx}/resource/user/js/jquery.qrcode.min.js"></script>

然后创建一个DOM元素去包含生成qr码

<div id="ook">//id随便取
        <script>
            jQuery(function(){
                jQuery('#ook').qrcode({//'#'后对应div的id名
                    render:"canvas",
                    text: utf16to8("你好http://www.baidu.com ")//“ ”里可以填中文或者网址
                });
                //二维码中的中文转换
                function utf16to8(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>
    </div>

这样你就拥有了一个二维码

请添加图片描述

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值