Generate & Read Barcode in ASP.NET MVC

In this artical we will learn how to generate & read Barcode in ASP.NET MVC.

First, we have to download Barcode Font to generate & read barcode.

Create a new project in Visual Sutdio for Barcode read & generate in MVC

Right click on project in solution explorer and click. Manage nuget Packages. After that install below ZXing.Net packages to your project,

Now, let’s create a new controller in your controller’s folder, right-click on your controller’s folder , select “Add”->”Controller”->”MVC 5 Empty controller”-> Provide name
“Barcode” and click “OK”

Add controller with following methods for generate & read barcode,

using System;
using System.Drawing;
using System.Drawing.Imaging;
using System.IO;
using System.Web.Mvc;
using System.Web;
using ZXing;

namespace BarCodeGenerateRead.Controllers
{
    public class BarcodeController : Controller
    {
        // GET: Barcode
        [HttpGet]
        public ActionResult Barcodegenerate()
        {
            return View();
        }
        [HttpPost]
        public ActionResult Barcodegenerate(string barcode)
        {
            Image img = null;
            using (var ms = new MemoryStream())
            {
                var writer = new BarcodeWriter() { Format = BarcodeFormat.CODE_128 };
                writer.Options.Height = 80;
                writer.Options.Width = 280;
                writer.Options.PureBarcode = true;
                img = writer.Write(barcode);

                img.Save(ms, ImageFormat.Png);
                ViewBag.BarcodeImage = "data:image/Png;base64," + Convert.ToBase64String(ms.ToArray());
            }
            return View();
        }
        [HttpGet]
        public ActionResult BarCodeRead()
        {

            return View();
        }
        [HttpPost]
        public ActionResult BarCodeRead(HttpPostedFileBase barCodeUpload)
        {
            IBarcodeReader reader = new BarcodeReader();
            string strImage = string.Empty;
            String localSavePath = "~/UploadFiles/";
            String fileName = barCodeUpload.FileName;
            localSavePath += fileName;
           
            barCodeUpload.SaveAs(Server.MapPath(localSavePath));
            using (Bitmap oldBmp = new Bitmap(barCodeUpload.InputStream))
            using (Bitmap newBmp = new Bitmap(oldBmp))
            using (Bitmap targetBmp = newBmp.Clone(new Rectangle(0, 0, newBmp.Width, newBmp.Height), PixelFormat.Format32bppArgb))
            {
                var barcodeBitmap = (targetBmp);
                var result = reader.Decode(barcodeBitmap);
               
                if (result != null)
                { 
                    ViewBag.BarCode = result.Text;
                   
                }
            }
            return View();
        }
    }
}

Here,controller consist two Action method

Barcodegenerate Action method have parameter that get value from textbox to generate barcode.

Add the view Barcodegenerate.cshtml to get value from user as following.

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    @using (Html.BeginForm("Barcodegenerate", "Barcode", FormMethod.Post))
    {
        <div class="row">
            <div class="col-md-3"></div>
            <div class="col-md-6">
                <h2>Generate Bar Code</h2>
                <input type="text" name="barcode" Class="form-control col-4" ID="textCode" />
                <br /><br />
                <input type="submit" Class="btn btn-primary" ID="btnGenerate" value="Generate" />
                <hr />

                @if (ViewBag.BarcodeImage != null)
                {
                    <img src="@ViewBag.BarcodeImage" alt="" width="450" height="80" />
                }
            </div>
        </div>
    }
</body>
</html>

For BarCodeRead Action method add following view as BarCodeRead.cshtml.

@using (Html.BeginForm("BarCodeRead", "Barcode", FormMethod.Post, new { @enctype = "multipart/form-data" }))
{
    <div class="row">

        <div class="col-md-3"></div>
        <div class="col-md-3">
            <div align="center">
                <br />
                <input type="file" name="barCodeUpload" Class="form-control" ID="barCodeUpload" /><br />
                <br />
                <input type="submit" Class="btn btn-primary" ID="UploadButton" value="Upload">
                <br /><br />
               <span>@ViewBag.ErrorMessage</span>
               <span id="BarCodetext">@ViewBag.BarCode</span>
                    
            </div>

        </div>
    </div>
}

OUTPUT: