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

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

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

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

1.下载 C# IronBarcode 库。

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

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

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

5.使用标签显示结果。

IronBarcode

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

创建条形码扫描 Web 应用程序

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

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

![如何将条码扫描器集成到 Web 应用程序中：图 1](/static-assets/barcode/blog/integrate-barcode-scanner-into-web-application/integrate-barcode-scanner-into-web-application-1.webp)

![如何将条码扫描器集成到 Web 应用程序中：图 2](/static-assets/barcode/blog/integrate-barcode-scanner-into-web-application/integrate-barcode-scanner-into-web-application-2.webp)

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

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

    :ProductInstall

您也可以直接从 NuGet 网站.

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

    <%@ 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 码或条形码并显示结果。

打开**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"打开一个网页。

![如何将条码扫描器集成到 Web 应用程序中：图 3](/static-assets/barcode/blog/integrate-barcode-scanner-into-web-application/integrate-barcode-scanner-into-web-application-3.webp)

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

![如何将条码扫描器集成到 Web 应用程序中：图 4](/static-assets/barcode/blog/integrate-barcode-scanner-into-web-application/integrate-barcode-scanner-into-web-application-4.webp)

7.最后点击扫描条形码按钮，按钮下方将显示输出结果。

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

结论

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

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