二维码与条形码技术及其在显示页面中的应用-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_47142884/article/details/106973386

本文探讨了二维码和条形码在现代信息化中的重要角色，解释了它们的工作原理以及如何在网页显示中使用这些编码技术。通过对二维码和条形码的比较，阐述了它们各自的优点和适用场景，为读者提供了更深入的理解。

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

@{
Layout = null;
}

<meta name="viewport" content="width=device-width" />
<title>Index</title>
<script src="~/Scripts/jquery-3.4.1.min.js"></script>
<script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
<script>
    function DoQr() {
        var text = $("#txt_QrStr").val();
        var width = $("#txt_QrWidth").val();
        var height = $("#txt_QrHeight").val();
        $.get("/Code/GetQrCode", { content: text, width: width, height: height }, function (data) {
            if (data != "") {
                console.log(data);
                $("#Img_QrCode").attr("src", "data:image/jgp;base64," + data)
            }
            else {
                alert("生成失败");

            }
        })
    }

    function DoBar() {
        var text = $("#txt_BarStr").val();
        var width = $("#txt_BarWidth").val();
        var height = $("#txt_BarHeight").val();
        $.get("/Code/GetBarCode", { content: text, width: width, height: height }, function (data) {
            if (data != "") {
                console.log(data);
                $("#Img_BarCode").attr("src", "data:image/jgp;base64," + data)
            }
            else {
                alert("生成失败");

            }
        })
    }
</script>


    <table>
        <tr>
            <td><img id="Img_QrCode" src="" alt="" /></td>
            <td><img id="Img_BarCode" src="" alt="" /></td>
        </tr>
        <tr>
            <td>
                内容:<input id="txt_QrStr" type="text" /><br />
                宽:<input id="txt_QrWidth" type="text" /><br />
                高:<input id="txt_QrHeight" type="text" /><br />
                <input id="btn_QrCode" type="button" value="生成二维码" onclick="DoQr()" />
            </td>
            <td>
                内容:<input id="txt_BarStr" type="text" /><br />
                宽:<input id="txt_BarWidth" type="text" /><br />
                高:<input id="txt_BarHeight" type="text" /><br />
                <input id="btn_BarCode" type="button" value="生成条形码" onclick="DoBar()" />
            </td>
        </tr>
    </table>

二维码，条形码，显示页面