如何将条码扫描器集成到Web应用程序中

在当今的数字化时代，物理世界和虚拟世界的无缝融合对于优化各种流程变得越来越重要。 将 BarCode 扫描仪集成到网络应用程序中就是这种集成趋势的一个例证。 通过弥合有形产品和在线功能之间的差距，企业和个人都可以开启一个充满可能性的领域，从轻松的库存管理和增强的用户体验，到简化的数据录入、高效的跟踪系统和扫描 QR 码。 这种整合不仅增强了在线应用程序的整体功能，还为建立一个更加互联、高效的数字生态系统铺平了道路。

在本文中，我们将使用IronBarcode将 BarCode 扫描仪添加到网络应用程序中。 在基于网络的应用程序中加入 BarCode 扫描仪后，可以从任何装有摄像头的设备上扫描和上传图像，最大限度地提高数字生态系统的移动性。

如何将 BarCode 扫描仪集成到 Web 应用程序中

1. 下载 C# IronBarcode 库。

2. 在 Visual Studio 中创建一个新的 ASP.NET Web 应用程序项目。

3. 使用 HTML5 和 CSS 设计前端。

4. 编写后台方法，获取上传的 QR 代码并将其转换为文本。

5. 使用标签显示结果。

IronBarcode

IronBarcode 是技术与便利性完美结合的强大解决方案，它为开发人员提供了一个强大的工具包，可将条码扫描和生成顺利集成到他们的应用程序中。 IronBarcode 凭借其全面的功能和直观的设计，使企业和程序员能够在软件环境中毫不费力地对条形码进行解码、编码和操作。 无论是旨在优化库存管理、促进数据交换，还是增强用户体验，IronBarcode 都开辟了一个充满可能性的领域，简化了复杂的条形码处理世界，使应用程序能够使用浏览器以数字方式与物理世界进行交互。 IronBarcode 支持所有条码格式和条码符号。

创建 BarCode 扫描 Web 应用程序

在本节中，我们将演示如何使用 IronBarcode 构建一个可以扫描条形码并显示结果的网络应用程序。

1. 首先在 Visual Studio 中创建一个新的 ASP.NET Web 应用程序项目，如下图所示。

   

   

2. 使用 NuGet 软件包管理器控制台安装 IronBarcode。

   为此，请打开 NuGet 软件包管理器控制台并运行以下命令，它将在几秒钟内安装 IronBarcode。

    :ProductInstall

您也可以直接从NuGet 网站.

3. 安装完成后 打开Default.aspx文件，用您的前端代码替换它。 这将创建一个文件上传按钮、一个文本为 "扫描 BarCode "的按钮和一个显示结果的标签。

    <%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication6._Default" %>

    <asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
            <div><br /><br /><br />
            <asp:FileUpload ID="fileUpload" runat="server" />
                <br />
                <asp:Button ID="btnScan" runat="server" Text="Scan Barcode" OnClick="btnScan_Click" />
                <br />
                <asp:Label ID="lblResult" runat="server"></asp:Label>
            </div>
    </asp:Content>

    <%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication6._Default" %>

    <asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
            <div><br /><br /><br />
            <asp:FileUpload ID="fileUpload" runat="server" />
                <br />
                <asp:Button ID="btnScan" runat="server" Text="Scan Barcode" OnClick="btnScan_Click" />
                <br />
                <asp:Label ID="lblResult" runat="server"></asp:Label>
            </div>
    </asp:Content>

'INSTANT VB TODO TASK: The following line uses invalid syntax:
'<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" @Inherits="WebApplication6._Default" %> <asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server"> <div><br /><br /><br /> <asp:FileUpload ID="fileUpload" runat="server" /> <br /> <asp:Button ID="btnScan" runat="server" Text="Scan Barcode" OnClick="btnScan_Click" /> <br /> <asp:Label ID="lblResult" runat="server"></asp:Label> </div> </asp:Content>

4. 现在，我们将编写后台代码，它将接收上传的图片，扫描图片上的 QR 码或 BarCode 并显示结果。

   打开Default.aspx.cs文件，用以下代码替换现有代码。

    using IronBarCode;
    using System;
    using System.IO;

    public partial class _Default : System.Web.UI.Page
    {    
        protected void btnScan_Click(object sender, EventArgs e)
        {
            try
            {
                if (fileUpload.HasFile)
                {
                    Stream stream = fileUpload.PostedFile.InputStream;
                    var barcodeResults = BarcodeReader.Read(stream);

                    lblResult.Text = "Scanned Barcode: " + barcodeResults;
                }
                else
                {
                    lblResult.Text = "Please upload an image.";
                }
            }
            catch (Exception ex)
            {
                lblResult.Text = "Error: " + ex.Message;
            }
        }
    }

    using IronBarCode;
    using System;
    using System.IO;

    public partial class _Default : System.Web.UI.Page
    {    
        protected void btnScan_Click(object sender, EventArgs e)
        {
            try
            {
                if (fileUpload.HasFile)
                {
                    Stream stream = fileUpload.PostedFile.InputStream;
                    var barcodeResults = BarcodeReader.Read(stream);

                    lblResult.Text = "Scanned Barcode: " + barcodeResults;
                }
                else
                {
                    lblResult.Text = "Please upload an image.";
                }
            }
            catch (Exception ex)
            {
                lblResult.Text = "Error: " + ex.Message;
            }
        }
    }

Imports IronBarCode
	Imports System
	Imports System.IO

	Partial Public Class _Default
		Inherits System.Web.UI.Page

		Protected Sub btnScan_Click(ByVal sender As Object, ByVal e As EventArgs)
			Try
				If fileUpload.HasFile Then
					Dim stream As Stream = fileUpload.PostedFile.InputStream
					Dim barcodeResults = BarcodeReader.Read(stream)

					lblResult.Text = "Scanned Barcode: " & barcodeResults
				Else
					lblResult.Text = "Please upload an image."
				End If
			Catch ex As Exception
				lblResult.Text = "Error: " & ex.Message
			End Try
		End Sub
	End Class

5. 现在我们的项目已经完成，我们可以运行它并在以下网址"https://localhost:44335/Default"打开一个网页。

   

6. 单击 "选择文件 "按钮，上传包含二维码的图片。

   

7. 最后点击扫描 BarCode 按钮，它将在按钮下方显示输出结果。

   

   以上就是创建具有条码扫描功能的网页的所有步骤，现在您就可以在线读取条码了，而且可以使用 IronBarcode 轻松地与您的网络应用程序集成。

结论

通过 IronBarcode 等工具和解决方案将条形码扫描器纳入网络应用程序，代表了物理和数字领域的变革性融合，促进了有形产品和在线功能之间的无缝互动。 这种集成使企业和个人能够加强从简化库存管理到高效数据录入的流程，同时还能简化复杂的条形码处理，从而促进更加互联和优化的数字生态系统。 这里提供的分步指南为在网络应用程序中毫不费力地添加条形码扫描功能提供了全面的蓝图，展示了技术在彻底改变用户体验和重新定义虚拟世界与物理世界的界限方面的潜力。

有关如何通过代码示例读取 BarCode 的详细教程，请使用IronBarcode参观这里. 要了解如何在 Blazor 应用程序中使用 IronBarcode，请访问此处链接.