使用Jquery.QRCode.js在web客户端生成二维码包括中文

最新推荐文章于 2024-01-18 13:59:59 发布

dota_371581

最新推荐文章于 2024-01-18 13:59:59 发布

阅读量924

点赞数

分类专栏： ASP.NET

本文链接：https://blog.youkuaiyun.com/dota_371581/article/details/22376081

版权

ASP.NET 专栏收录该内容

4 篇文章

订阅专栏

本文提供了一个使用jquery.qrcode.js插件生成二维码的简单示例，包括前台代码实现和中文问题处理的utf16to8函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

主要利用一个谷歌开源jquery插件 jquery.qrcode.js 下载地址http://download.youkuaiyun.com/detail/dota_371581/7110643

由于使用比较简单直接贴前台代码了

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="WebApplication1.WebForm3" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.11.0.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.qrcode.min.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div id="qrcode">
        </div>
    </div>
    <script type="text/javascript">
        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;
        }
       
                      
        jQuery("#qrcode").qrcode({
             render: "canvas",
             width: 200,
             height: 200,
             correctLevel: 0,
             text: utf16to8(data)
           });

    </script>
    </form>
</body>
</html>

其中utf16to8函数主要处理中文问题。