Jquery生成二维码(微信中长按图片识别二维码功能)

最新推荐文章于 2020-12-29 16:10:12 发布

黄小二哥

最新推荐文章于 2020-12-29 16:10:12 发布

阅读量400

点赞数

文章标签： javascript 前端 ViewUI

原文链接：http://www.cnblogs.com/ryans/p/6512593.html

版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="//cdn.bootcss.com/jquery/3.1.1/jquery.js"></script>
        <script src="//cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
        <script type="text/javascript">
            $(function () {  
                var text ="${strrest}";
                 var qrcode= $('#divOne').qrcode(utf16to8(text)).hide(); 
                 console.info(qrcode);
                    var canvas=qrcode.find('canvas').get(0);  
                    console.info(canvas);
                    $('#imgOne').attr('src',canvas.toDataURL('image/jpg'));
                    })                    
                    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>
    </head>
    <body>
        <div id="divOne"></div> 
         <img id='imgOne' /> 
    </body>
</html>

解决项目中在微信端生成的图片长按具有识别二维码选项的功能。

转载于:https://www.cnblogs.com/ryans/p/6512593.html

黄小二哥

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery生成二维码(微信中长按图片识别二维码功能)

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="//cdn.bootcss.com/jqu...
复制链接

扫一扫