How To Generate QR Code In ASP.Net Using c#

Farhan Ahmed

Introduction

In this blog, we will learn how to generate a QR code using ASP.Net by simply entering Text, numbers, and a combination of both in the textbox and clicking on generate button. I found a very useful library for generating QR code which is IronBarcode. You can install it through the NuGet package. It supports .Net Core, Standard & Framework. It has cross-platform support.

To use this library we will create a demo project in a visual studio. I am creating ASP.Net Web Application using Web Form for that I am going to use the visual studio 2017 version. You can dowload code here and play with that.

Creating a New Project in Visual Studio

Open the Microsoft Visual Studio software and go to the File menu. Select "New Project", and then select "Web Application". In this article, we are going to use a web application to generate QR codes.

Select “Web” from the right panel then select ASP.NET Web Application (.NET Framework). Enter the project name. I am giving GenerateQRCode. You can give anything you wish to, and select the file path in the appropriate text box. I am choosing default. Then, click the “OK” button, as in the screenshot below.

Then select the “Empty” template and check the “Web Form” checkbox from “Add folders and core reference for” then click on the “OK” button as shown in the below screenshot.

The Microsoft Visual Studio project will now generate the structure for the selected application, and In this example, we are using ASP.Net Web Form So we can add a new item and then choose web from to write the code where you can enter the code and build and run the application. Next, we can add the library to test the code.

How to Install the Barcode Library through NuGet Package Manager

In Visual Studio Select Tools > NuGet Package Manager > Manage NuGet Packages for the solution.

Search for the specific package IronBarcode using the search box on the upper left. Select a package from the list to display its information, enabling the Install button and a version-selection drop-down. As shown below screenshot. The NuGet package will be installed for your project and reference will be added.

Advance barcode creation

We can add the annotation to the QR Code, set theme, set the font, display its value below it, add margins, change the barcode colour, and then save it, all quite simply in C#. We can also choose to export to HTML or PDF instead of an image if that is more appropriate for our application.

40 Comments

Join the conversation! Your thoughts help the community grow.

rudi narada3y ago
Please input this number 01-2205-0367, the QR code is different ???
marco4y ago
Hi, thanks for this tutorial. I have a problem with some strings like this: "S64083_37 / 22". The generated QRcode contains a question mark instead of a slash. The result is: "S64083_37? 22". Why should this happen?
pritam Giri4y ago
When i am going to run the project an error occured which is on clicking event of the button line number 3
Mohit Sharma5y ago
Please also provide QRCode.dll for framework 2.0
Mohit Sharma5y ago
Getting Below error..even after adding QRCode.dll in my local code..what else i need to add(using framework 2.0) Could not load file or assembly 'QRCoder' or one of its dependencies. This assembly is built by a runtime newer than the currently loaded runtime and cannot be loaded.
Md Sohel Rana5y ago
How To Generate QR Code in Crystal Report Using ASP.NET.. Please any one help
Aktham Mahmoud6y ago
Nice; I followed your coding, and save it in DB too, But I rebuild a page to show users data with QRcoder (for print etc) but I don't know what the way to reshow a data in placeholder inside DetailsView
Avinash Tripathi6y ago
How can i use it for ASP.net C# in Visual Studio 2019 and want to generate my form data in QR...Can u please help me out with the code.... [email protected]
Ethem6y ago
Hi, i need turkish language special chars to convert QR code. For Example: g s ? etc.
sijo thomas6y ago
Helloo.. the same code i was pasted in my .cs file and an error showing in 19th line. QRCodeGenerator.QRCode qrCode = qrGenerator.CreateQrCode(code, QRCodeGenerator.ECCLevel.Q); QRCodeGenerator.QRCode is not working...plz help me
- Farhan Ahmed6y ago
  Please add DLL in your project
lokesh6y ago
Utf-8 format text is not supporting
syed ali6y ago
String misbehave while reading QRCode, sometimes some special characters replace with another character. do u have any idea why string misbehave while reading with QRCode Scanner App ? please help i m frustrated with this.
- Ramiz Odayappurath5y ago
  Ya I am Also Feeling this Problem. Did you get any solution?????
The End7y ago
Help me, i can't dowload, tks sir
- Farhan Ahmed7y ago
  Its downloading. i just downloaded
Any Xav7y ago
Many thanks, works excellently (vb.net).
Rohit yadav7y ago
From where we can take this 'QRCoder'.
- Farhan Ahmed7y ago
  Download project you will get dll
- Rohit yadav7y ago
  Thank you Farhan
- Rohit yadav7y ago
  Which Encoding technique should be use ?
Alin Mathew7y ago
May i know how save this qr code in sql server
First Last7y ago
OK.. I took your QRCoder.dll from your Bin folder and added it to my Bin folder. I then added a reference to it in my References folder by browsing for it in my Bin folder. I used this code line from your demo code: QRCodeGenerator qrGenerator = new QRCodeGenerator(); as the 1 in the blog does not work. Now, the app now builds and works.
- Farhan Ahmed7y ago
  Uninstall from NuGet which installed previously and rebuild it.
First Last7y ago
Part 2: Looking at your QRCoder using the Object Browser, I see there is a QRCodeGenerator.QRCode, but in mine there is NOT. Why?
- Farhan Ahmed7y ago
  Please use given dll only. Don't install from nuget.
First Last7y ago
Part 1: Here are the 2 lines from your demo file. The first 1 is not what is stated here in this blog. But it is no longer in error. The 2nd one still shows a red squiggly line and indicates that .QRCode does not exist. ----> QRCodeGenerator qrGenerator = new QRCodeGenerator(); QRCodeGenerator.QRCode qrCode = qrGenerator.CreateQrCode(code, QRCodeGenerator.ECCLevel.Q);
sharad chougale7y ago
I have pass this string TU4146320181121182050814 bu QR is denerate different code.
- Farhan Ahmed7y ago
  Hey i passed same string and scan in my mobile its generating same.
- Mazhar Pathan7y ago
  Hello Farhan,Your given code is good with this little bug. I write above string(TU4146320181121182050814) but when I scan it from my mobile is replaces '14' TO 'CL' last 2 digit. Then I changed last 2 digit to '04' then it replace 'BL'.
sharad chougale7y ago
I have pass TU4146320181121182050814
sharad chougale7y ago
This DLL file is not working properly.
Bulent Demirtas7y ago
Error project
- Farhan Ahmed7y ago
  Its working perfect for me. I might have done something wrong.
KOTRA RAGHAVENDRA7y ago
I DONE COPY AND PASTE IN VISUAL STUDIO2015,IM GETTING ERRORS
- Farhan Ahmed7y ago
  Add dll file in your project reference
Vipin Mittal8y ago
Please share dll for framework 3.5
yeswanth chintapalli8y ago
QRCodeGenerator.QRCode qrCode = qrGenerator.CreateQrCode(code, QRCodeGenerator.ECCLevel.Q); IN THIS LINE QRCODE SHOWING ERROR
- Farhan Ahmed8y ago
  It's not showing error to me. Download project and re check dll file you have to add reference to your project
yeswanth chintapalli8y ago
QRCodeGenerator.QRCode qrCode = qrGenerator.CreateQrCode(code, QRCodeGenerator.ECCLevel.Q);

// Styling a QR code and adding annotation text
barcode.AddBarcodeValueTextBelowBarcode();
barcode.AddBarcodeValueTextAboveBarcode();
barcode.SetMargins(10);
barcode.ChangeBarCodeColor(Color.BlueViolet);

Design HTML Web From GenerateQRCode

Drag and drop TextBox, Button, and Image control

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="GenerateQRCode.aspx.cs" Inherits="GenerateQRCode.GenerateQRCode" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
   <title></title>
    <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
</head>
<body>
    <form id="form1" runat="server">
        <div class="container">
            <h2>Generate QR Code Using C#</h2>
            <div class="row">
                <div class="col-4">
                    <div class="form-group">
                        <label>Enter a value to generate QR Code:</label>
                        <div class="input-group">
                            <asp:TextBox ID="txtGenerateQRCode" runat="server" CssClass="form-control"></asp:TextBox>
                            <div class="input-group-append">
                                <asp:Button ID="BtnGenerateQRCode" runat="server" Text="Generate QR Code" CssClass="btn btn-primary" OnClick="BtnGenerateQRCode_Click" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <asp:Image ID="ImageGeneratedBarcode" runat="server" CssClass="img-thumbnail" Visible="false"/>
        </div>
    </form>
</body>

</html>

Double click or enter Button control.

Write the following code

Add namespace

using IronBarCode;
using System;
using System.Drawing;
using System.IO;

namespace GenerateQRCode
{
    public partial class GenerateQRCode : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            ImageGeneratedBarcode.Visible = false;
        }

        protected void BtnGenerateQRCode_Click(object sender, EventArgs e)
        {
            string generatebarcode = txtGenerateQRCode.Text;
            GeneratedBarcode barcode = QRCodeWriter.CreateQrCode(generatebarcode, 300);

            // Styling a QR code and adding annotation text
            //barcode.AddBarcodeValueTextAboveBarcode();
            barcode.AddBarcodeValueTextBelowBarcode();
            barcode.SetMargins(10);
            barcode.ChangeBarCodeColor(Color.BlueViolet);

            //Create a folder to place generated QR code
            var folder = Server.MapPath("/App_Data/GeneratedQRcodeImage");
            if (!Directory.Exists(folder))
            {
                Directory.CreateDirectory(folder);
            }
            string filePath = Server.MapPath("GeneratedQRcodeImage/QRCode.png");
            barcode.SaveAsPng(filePath);
            ImageGeneratedBarcode.ImageUrl = "~/GeneratedQRcodeImage/" + Path.GetFileName(filePath);
            ImageGeneratedBarcode.Visible = true;
        }

    }
}

Run project ctr+F5

Conclusion

The IronBarcode is also helpful in creating QR code Images, QR code HTML, and QR code PDF format. Using IronBarcode we can create different types of images file like png, jpg, Gif, etc. The code of this tutorial is attached. You can download the code, play with the code and modify it according to your project requirement. Thank you for reading. Happy coding.