Updated January 21, 2024
How to Print Barcode in ASP.NET in C#
This article will demonstrate how to print barcode images in ASP.NET Web Applications using C#. The MVC Framework will be used for this example, but you can also use ASP.NET Web Forms, Windows Forms, or Web API as per your needs.
A basic knowledge of the ASP.NET MVC Framework will give you a better understanding of this article.
- Install C# library to print barcode file
- Configure Model and Controller
- Utilize
CreateBarcodemethod to create barcode in C# - Configure View to display the generated barcode
- Print the web page containing the barcode image using a printer or print-to-PDF software
Create an MVC Project
Open Microsoft Visual Studio. Click on Create New Project > Select ASP.NET Web Application from templates > Press Next > Name your Project > Press Next > Select MVC > Click the Create Button. The project will be created as shown below.
Create a new ASP.NET project
Add Model
Right-click on the Models folder > Add > Class....
Navigate to add Class Dialog
A new window will appear. Name your class as BarcodeModel.
Write the following code in the model class.
public class BarcodeModel
{
[Display(Name ="Barcode File Name")]
public string FileName { get; set; }
[Display(Name = "Barcode Content")]
public string BarcodeContent { get; set; }
}public class BarcodeModel
{
[Display(Name ="Barcode File Name")]
public string FileName { get; set; }
[Display(Name = "Barcode Content")]
public string BarcodeContent { get; set; }
}Public Class BarcodeModel
<Display(Name :="Barcode File Name")>
Public Property FileName() As String
<Display(Name := "Barcode Content")>
Public Property BarcodeContent() As String
End ClassThe FileName will be used to get the barcode image name from the user. The BarcodeContent is used to take the content for the barcode.
Add Controller
Next, a Controller is added to the project. It will communicate with a View and Model using the MVC model. The code for generating barcodes consists of just two or three lines. Therefore, there is no need for a separate class; instead, the code is added inside the Controller.
To add the Controller, right-click on the Controllers folder > Add > Controller. A new window will appear. Select MVC 5 Controller Empty. Click the Add button. A new box will appear.
Add Controller Dialog
Write your Controller name, for example BarcodeController. Click the Add button. A new Controller will be generated.
The next step is to install the barcode library.
Install the Barcode Library
The IronBarcode library is recommended as a third-party library for generating barcodes. It is free for development and provides multiple features to customize barcodes, such as adding a logo to a barcode image, adding value below or above the barcode, adding annotations below or above the barcode, resizing the barcode, saving the barcode in multiple image formats, etc. For more details, please click here.
Go to the Package Manager Console. Type the following command and press Enter.
Install-Package BarCode
This command will install the IronBarcode library in the project.
Generate the Barcode
Next, add the following sample code to the controller.
[HttpPost]
public ActionResult CreateBarcode(BarcodeModel model)
{
try
{
var MyBarCode = IronBarCode.BarcodeWriter.CreateBarcode(model.BarcodeContent, BarcodeEncoding.Code128);
string path = Server.MapPath("~/Files/");
string filepath = Path.Combine(path, model.FileName);
MyBarCode.AddBarcodeValueTextAboveBarcode();
MyBarCode.SaveAsJpeg(filepath);
string image = Directory.GetFiles(path).FirstOrDefault();
ViewBag.fileName = image;
return View();
}
catch
{
return View();
}
}[HttpPost]
public ActionResult CreateBarcode(BarcodeModel model)
{
try
{
var MyBarCode = IronBarCode.BarcodeWriter.CreateBarcode(model.BarcodeContent, BarcodeEncoding.Code128);
string path = Server.MapPath("~/Files/");
string filepath = Path.Combine(path, model.FileName);
MyBarCode.AddBarcodeValueTextAboveBarcode();
MyBarCode.SaveAsJpeg(filepath);
string image = Directory.GetFiles(path).FirstOrDefault();
ViewBag.fileName = image;
return View();
}
catch
{
return View();
}
}<HttpPost>
Public Function CreateBarcode(ByVal model As BarcodeModel) As ActionResult
Try
Dim MyBarCode = IronBarCode.BarcodeWriter.CreateBarcode(model.BarcodeContent, BarcodeEncoding.Code128)
Dim path As String = Server.MapPath("~/Files/")
Dim filepath As String = System.IO.Path.Combine(path, model.FileName)
MyBarCode.AddBarcodeValueTextAboveBarcode()
MyBarCode.SaveAsJpeg(filepath)
Dim image As String = Directory.GetFiles(path).FirstOrDefault()
ViewBag.fileName = image
Return View()
Catch
Return View()
End Try
End Functiontry-catch is used to catch any runtime exception.
The CreateBarcode function provided by the BarcodeWriter class takes two arguments: the barcode content, and the encoding scheme. Furthermore, it also accepts 11 other optional arguments that include maximum height, maximum width, and so on.
The Server.MapPath function is used to map the path where the generated barcode images will be saved. The Path.Combine method will combine the path and barcode image name.
The AddBarcodeValueTextAboveBarcode function will add the barcode value. IronBarcode provides other barcode settings such as max-height, max-width, barcode, color, and so on. You can explore and make use of the various parameters.
The SaveAsJpeg function takes the path as an argument and saves the generated barcodes in that particular path.
The Directory.GetFile method will get the newly generated barcode image.
ViewBag.FileName is used to send the barcode image's path to the view for displaying the generated barcode image.
QR codes can also be generated in the same way by changing the encoding scheme from Code128 to QRCode.
Add View
The next step is to provide the client-side for this ASP.NET Web Application by adding a new View. Right-click on the name of the Controller method and click the "Add View" button.
Navigate to add View Dialog
A new window will appear. Select MVC 5 View, and click the Add button.
A new prompt will appear as shown below.
Add View Dialog
Name your View and click the Add button. A new .cshtml file will be created.
Add the following code inside your newly generated view.
@model GenerateBarcodeMVC.Models.BarcodeModel
@{
ViewBag.DisplayBarcode = false;
}
<h2>Create</h2>
@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
<div class="form-horizontal">
<h4>GenerateBarcode</h4>
<hr />
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
<div class="form-group">
@Html.LabelFor(model => model.FileName, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.FileName, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.FileName, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.BarcodeContent, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.BarcodeContent, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.BarcodeContent, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<img src="~/Files/@Path.GetFileName(ViewBag.FileName)" alt="Barcode" />
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<input type="submit" value="Create" class="btn btn-default" />
</div>
</div>
</div>
}
@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
}@model GenerateBarcodeMVC.Models.BarcodeModel
@{
ViewBag.DisplayBarcode = false;
}
<h2>Create</h2>
@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
<div class="form-horizontal">
<h4>GenerateBarcode</h4>
<hr />
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
<div class="form-group">
@Html.LabelFor(model => model.FileName, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.FileName, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.FileName, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.BarcodeContent, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.BarcodeContent, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.BarcodeContent, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<img src="~/Files/@Path.GetFileName(ViewBag.FileName)" alt="Barcode" />
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<input type="submit" value="Create" class="btn btn-default" />
</div>
</div>
</div>
}
@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
}model ReadOnly Property () As GenerateBarcodeMVC.Models.BarcodeModel
ViewBag.DisplayBarcode = False
End Property
'INSTANT VB TODO TASK: The following line could not be converted:
(Of h2) Create</h2> [using](Html.BeginForm())
If True Then
'INSTANT VB WARNING: Instant VB cannot determine whether both operands of this division are integer types - if they are then you should use the VB integer division operator:
Html.AntiForgeryToken() <div class="form-horizontal"> (Of h4) GenerateBarcode</h4> <hr /> Html.ValidationSummary(True, "", New With {Key .class = "text-danger"}) <div class="form-group"> Html.LabelFor(Function(model) model.FileName, htmlAttributes:= New With {Key .class = "control-label col-md-2"}) <div class="col-md-10"> Html.EditorFor(Function(model) model.FileName, New With {
Key .htmlAttributes = New With {Key .class = "form-control"}
}) Html.ValidationMessageFor(Function(model) model.FileName, "", New With {Key .class = "text-danger"}) </div> </div> <div class="form-group"> Html.LabelFor(Function(model) model.BarcodeContent, htmlAttributes:= New With {Key .class = "control-label col-md-2"}) <div class="col-md-10"> Html.EditorFor(Function(model) model.BarcodeContent, New With {
Key .htmlAttributes = New With {Key .class = "form-control"}
}) Html.ValidationMessageFor(Function(model) model.BarcodeContent, "", New With {Key .class = "text-danger"}) </div> </div> <div class="form-group"> <div class="col-md-offset-2 col-md-10"> <img src="~/Files/@Path.GetFileName(ViewBag.FileName)" alt="Barcode" /> </div> </div> <div class="form-group"> <div class="col-md-offset-2 col-md-10"> <input type="submit" value="Create" class="btn btn-default" /> </div> </div> </div>
End If
Dim Scripts As section
If True Then
Scripts.Render("~/bundles/jqueryval")
End IfNext, right-click inside the View, and click the Run to Browser Button.
Output
Run Web Application to display Create form
Input your barcode image name, and barcode content as shown below:
Input your barcode content
Click the Create button. The barcode image will be generated and displayed on the screen as shown below.
Generate a barcode from a URL
Summary
This tutorial demonstrated how to generate barcodes using ASP.NET in C#, combined with the MVC Framework. Microsoft Visual Studio is used as the IDE. IronPDF is a third-party library that is free for development and compatible with all versions of the .NET Framework, including the newly released version. IronBarcode is fast and provides multiple features for working with barcodes. It can also generate QR codes by specifying different types.
There are other many useful libraries such as IronPDF for working with PDF documents, IronXL for working with Excel documents, and IronOCR for working with OCR. Currently, you can get all five libraries for the price of just two by purchasing the complete Iron Suite. Visit our licensing page for more details.
