ASP.NET实现二维码（QRCode）的创建和读取实例

前端技术 2023/09/03 .NET

本文实例讲述了ASP.NET实现二维码（QRCode）的创建和读取方法。分享给大家供大家参考。具体分析如下：

概述：

QR二维码比其他二维码相比，具有识读速度快、数据密度大、占用空间小的优势。QR码的三个角上有三个寻象图形，使用CCD识读设备来探测码的位置、大小、倾斜角度、并加以解码，实现360读高速识读。每秒可以识读30个含有100个字符QR码。QR码容量密度 大，可以放入1817个汉字、7089个数字、4200个英文字母。QR码用数据压缩方式表示汉字，仅用13bit即可表示一个汉字，比其他二维条码表示 汉字的效率提高了20%。QR具有4个等级的纠错功能，即使破损或破损也能够正确识读。QR码抗弯曲的性能强，通过QR码中的每隔一定的间隔配置有校正图 形，从码的外形来求得推测校正图形中心点与实际校正图形中心点的误差来修正各个模快的中心距离，即使将QR码贴在弯曲的物品上也能够快速识读。QR码可以分割成16个QR码，可以一次性识读数个分割码，适应于印刷面积有限及细长空间印刷的需要。此外微型QR码可以在1厘米的空间内放入35个数字或9个汉字 或21个英文字母，适合对小型电路板对ID号码进行采集的需要。

QRCode点击此处本站下载（支持中文）

一、项目引用QRCode的DLL文件（ThoughtWorks.QRCode.dll）

二、ASPX页面（两个jquery的js文件请自行去官网下载）：

复制代码 代码如下:
<html xmlns=\"http://www.w3.org/1999/xhtml\">
<head runat=\"server\">
    <title>二维码工具测试</title>
    <script type=\"text/javascript\" src=\"../../Scripts/Jquery/jquery-1.6.2.js\"></script>
    <script type=\"text/javascript\" src=\"../../Scripts/Jquery/jquery.form.js\"></script>   
    <script type=\"text/javascript\" src=\"js/test.js\"></script>
    <style type=\"text/css\">
        .style1
        {
            width: 100%;
        }
        #txt_qr
        {
            width: 632px;
        }
    </style>
</head>
<body>
    <div>
        <table class=\"style1\">
            <tr>
                <td>
                    输入文字：
                </td>
                <td>
                    <input type=\"text\" id=\"txt_qr\" name=\"txt_qr\" />
                </td>
            </tr>
            <tr>
                <td>
                    二维码图片
                </td>
                <td>
                    <img id=\"qrimg\" alt=\"二维码图片\" />
                </td>
            </tr>
            <tr>
                <td>
                    生成选项
                </td>
                <td>
                    Encoding:<select id=\"Encoding\">
                        <option value=\"Byte\">Byte</option>
                        <option value=\"AlphaNumeric\">AlphaNumeric</option>
                        <option value=\"Numeric\">Numeric</option>
                    </select>
                    Correction Level:<select id=\"Level\">
                        <option value=\"M\">M</option>
                        <option value=\"L\">L</option>
                        <option value=\"Q\">Q</option>
                        <option value=\"H\">H</option>
                    </select>
                    Version:<input id=\"txt_ver\" type=\"text\" value=\"7\" />(1-40) Size:<input id=\"txt_size\"
                        type=\"text\" value=\"4\" />
                </td>
            </tr>
            <tr>
                <td colspan=\"4\">
                    <input type=\"button\" onclick=\"getQrImg();\" value=\"生成二维码\" />
                </td>
            </tr>
            <tr>
                <td>
                    <form id=\"qrForm\" action=\"Ashx/test.ashx\" method=\"post\" enctype=\"multipart/form-data\">
                    <input type=\"file\" id=\"file_qr\" name=\"file_qr\" /><input type=\"submit\" value=\"读取二维码\" />
                    </form>
                </td>
                <td colspan=\"1\">
                    <img id=\"img_qr\" alt=\"要读取的图片\" /><br />
                    <input id=\"txt_readqr\" type=\"text\" />
                </td>
            </tr>
        </table>
    </div>
</body>
</html>

三、test.js文件

复制代码 代码如下:
$(document).ready(function ()
{
    var options = {
        beforeSubmit: showRequest, 
        success: showResponse,         
        dataType: \'json\',
        clearForm: true,           
        error: function (request, message, ex)
        {
            alert(\'错误：\' + message);
        }
    };    
    $(\'#qrForm\').ajaxForm(options);
});
function showRequest(formData, jqForm, options)
{
    return true;
}
function showResponse(responseText, statusText, xhr, $form)
{
    if (responseText[0].count == 0)
    {
        alert(responseText[0].list[0].error);
        return false;
    }
    $(\"#img_qr\").attr(\"src\", responseText[0].list[0].imgurl);
    $(\"#txt_readqr\").val(responseText[0].list[0].qrtext);
    return false;

}
function getQrImg()
{
    var txt_qr = escape($.trim($(\"#txt_qr\").val()));
    var qrEncoding = $(\"#Encoding\").val(); ;
    var Level = $(\"#Level\").val(); ;
    var txt_ver = $(\"#txt_ver\").val(); ;
    var txt_size = $(\"#txt_size\").val(); ;
    $.ajax({
        type: \"GET\",
        data: \"cmd=set&txt_qr=\" + txt_qr + \"&qrEncoding=\" + qrEncoding + \"&Level=\" + Level + \"&txt_ver=\" + txt_ver + \"&txt_size=\" + txt_size,
        url: \"Ashx/test.ashx\",
        dataType: \'text\',
        beforeSend: function (x)
        {
            x.setRequestHeader(\"Content-Type\", \"application/x-www-form-urlencoded; charset=utf-8\");
        },
        success: function (json)
        {
            var dataObj = eval(json);            
            $(\"#qrimg\").attr(\"src\", dataObj[0].list[0].imgurl);           
            return false;
        },
        error: function (request, message, ex)
        {
            alert(\"错误：\" + message);
        }
    });
}

本文地址：https://www.stayed.cn/item/8683

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案