using IronBarCode; using System.Drawing; // Creating a barcode is as simple as: var myBarcode = BarcodeWriter.CreateBarcode("12345", BarcodeWriterEncoding.EAN8); // And save our barcode as in image: myBarcode.SaveAsImage("EAN8.jpeg"); Image myBarcodeImage = myBarcode.Image; // Can be used as Image Bitmap myBarcodeBitmap = myBarcode.ToBitmap(); // Can be used as Bitmap // Reading a barcode is easy with IronBarcode: var resultFromFile = BarcodeReader.Read(@"file/barcode.png"); // From a file var resultFromBitMap = BarcodeReader.Read(new Bitmap("barcode.bmp")); // From a bitmap var resultFromImage = BarcodeReader.Read(Image.FromFile("barcode.jpg")); // From an image var resultFromPdf = BarcodeReader.ReadPdf(@"file/mydocument.pdf"); // From PDF use ReadPdf // After creating a barcode, we may choose to resize and save which is easily done with: var myNewBarcode = BarcodeWriter.CreateBarcode("12345", BarcodeWriterEncoding.EAN8); myNewBarcode.ResizeTo(400, 100); myNewBarcode.SaveAsImage("myBarcodeResized.jpeg"); // To set more options and optimization with your Barcode Reading, // Please utilize the BarcodeReaderOptions paramter of read: var myOptionsExample = new BarcodeReaderOptions { // Choose a speed from: Faster, Balanced, Detailed, ExtremeDetail // There is a tradeoff in performance as more Detail is set Speed = ReadingSpeed.Balanced, // Reader will stop scanning once a barcode is found, unless set to true ExpectMultipleBarcodes = true, // By default, all barcode formats are scanned for. // Specifying one or more, performance will increase. ExpectBarcodeTypes = BarcodeEncoding.AllOneDimensional, // Utilizes multiple threads to reads barcodes from multiple images in parallel. Multithreaded = true, // Maximum threads for parallel. Default is 4 MaxParallelThreads = 2, // The area of each image frame in which to scan for barcodes. // Will improve performance significantly and avoid unwanted results and avoid noisy parts of the image. CropArea = new Rectangle(), // Special Setting for Code39 Barcodes. // If a Code39 barcode is detected. Try to use extended mode for the full ASCII Character Set UseCode39ExtendedMode = true }; // And, apply: var results = BarcodeReader.Read("barcode.png", myOptionsExample);

using IronBarCode; using System.Drawing; /*** CREATING BARCODE IMAGES ***/ // Shorthand:: Create and save a barcode in a single line of code BarcodeWriter.CreateBarcode("12345", BarcodeWriterEncoding.EAN8).ResizeTo(400, 100).SaveAsImage("EAN8.jpeg"); /***** IN-DEPTH BARCODE CREATION OPTIONS *****/ // BarcodeWriter.CreateBarcode creates a GeneratedBarcode which can be styles and exported as an Image object or File GeneratedBarcode MyBarCode = BarcodeWriter.CreateBarcode("Any Number, String or Binary Value", BarcodeWriterEncoding.Code128); // Style the Barcode in a fluent LINQ style fashion MyBarCode.ResizeTo(300, 150).SetMargins(20).AddAnnotationTextAboveBarcode("Example EAN8 Barcode").AddBarcodeValueTextBelowBarcode(); MyBarCode.ChangeBackgroundColor(Color.LightGoldenrodYellow); // Save MyBarCode as an image file MyBarCode.SaveAsImage("MyBarCode.png"); MyBarCode.SaveAsGif("MyBarCode.gif"); MyBarCode.SaveAsHtmlFile("MyBarCode.html"); MyBarCode.SaveAsJpeg("MyBarCode.jpg"); MyBarCode.SaveAsPdf("MyBarCode.Pdf"); MyBarCode.SaveAsPng("MyBarCode.png"); MyBarCode.SaveAsTiff("MyBarCode.tiff"); MyBarCode.SaveAsWindowsBitmap("MyBarCode.bmp"); // Save MyBarCode as a .NET native objects Image MyBarCodeImage = MyBarCode.Image; Bitmap MyBarCodeBitmap = MyBarCode.ToBitmap(); byte[] PngBytes = MyBarCode.ToPngBinaryData(); using (System.IO.Stream PdfStream = MyBarCode.ToPdfStream()) { // Stream barcode image output also works for GIF,JPEG, PDF, PNG, BMP and TIFF } // Save MyBarCode as HTML files and tags MyBarCode.SaveAsHtmlFile("MyBarCode.Html"); string ImgTagForHTML = MyBarCode.ToHtmlTag(); string DataURL = MyBarCode.ToDataUrl(); // Save MyBarCode to a new PDF, or stamp it in any position on any page(s) of an existing Document MyBarCode.SaveAsPdf("MyBarCode.Pdf"); MyBarCode.StampToExistingPdfPage("ExistingPDF.pdf", 200, 50, 1); // position 200x50 on page 1 MyBarCode.StampToExistingPdfPages("ExistingPDF.pdf", 200, 50, new[] { 1, 2, 3 }, "Password123"); // multiple pages of an encrypted PDF

using IronBarCode; using System; using System.Drawing; /*** STYLING GENERATED BARCODES ***/ // BarcodeWriter.CreateBarcode creates a GeneratedBarcode object which allows the barcode to be styled and annotated. GeneratedBarcode MyBarCode = BarcodeWriter.CreateBarcode("Iron Software", BarcodeWriterEncoding.QRCode); // Any text (or commonly, the value of the barcode) can be added to the image in a default or specified font. // Text positions are automatically centered, above or below. Fonts that are too large for a given image are automatically scaled down. MyBarCode.AddBarcodeValueTextBelowBarcode(); MyBarCode.AddAnnotationTextAboveBarcode("This is My Barcode", new Font(new FontFamily("Arial"), 12, FontStyle.Regular, GraphicsUnit.Pixel), Color.DarkSlateBlue); // Resize, add Margins and Check final Image Dimensions MyBarCode.ResizeTo(300, 300); // pixels MyBarCode.SetMargins(0, 20, 0, 20); int FinalWidth = MyBarCode.Width; int FinalHeight = MyBarCode.Height; //Recolor the barcode and its background MyBarCode.ChangeBackgroundColor(Color.LightGray); MyBarCode.ChangeBarCodeColor(Color.DarkSlateBlue); if (!MyBarCode.Verify()) { Console.WriteLine("Color contrast should be at least 50% or a barcode may become unreadable. Test using GeneratedBarcode.Verify()"); } // Finally save the result MyBarCode.SaveAsHtmlFile("StyledBarcode.html"); /*** STYLING BARCODES IN A SINGLE LINQ STYLE EXPRESSION ***/ // Fluent API BarcodeWriter.CreateBarcode("https://ironsoftware.com", BarcodeWriterEncoding.Aztec).ResizeTo(250, 250).SetMargins(10).AddBarcodeValueTextAboveBarcode().SaveAsImage("StyledBarcode.png"); /*** STYLING QR CODES WITH LOGO IMAGES OR BRANDING ***/ // Use the QRCodeWriter.CreateQrCodeWithLogo Method instead of BarcodeWriter.CreateBarcode // Logo will automatically be sized appropriately and snapped to the QR grid. var qrCodeLogo = new QRCodeLogo("ironsoftware_logo.png"); GeneratedBarcode myQRCodeWithLogo = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/", qrCodeLogo); myQRCodeWithLogo.ResizeTo(500, 500).SetMargins(10).ChangeBarCodeColor(Color.DarkGreen); myQRCodeWithLogo.ResizeTo(500, 500).SetMargins(10).ChangeBarCodeColor(Color.DarkGreen); myQRCodeWithLogo.SaveAsPng("QRWithLogo.Png").SaveAsPdf("MyVerifiedQR.html"); // save as 2 formats

Published June 7, 2023

How to Generate QR Code in Blazor

This article shows how developers can use the IronBarcode library to make QR codes in C# projects.

How to Generate QR Code in Blazor

Download a C# library for generating QR codes in Blazor
Use the CreateQrCode method to create a QR code
Convert the generated QR code into an HTML tag string
Pass the information to MarkupString in the razor file
Use the SaveAsPng method to save the generated QR code as a PNG image

IronBarcode - C#

IronBarcode is a C# Barcode & QR code Library that allows you to read and generate barcodes and QR codes easily in any .NET C# applications. It prioritizes speed, accuracy, and ease of use for C#

IronBarcode is a user-friendly library that allows developers to easily add, read, and style QR codes in C# projects, usually within minutes. It enables developers to create QR codes in formats like Aztec, Data Matrix, MaxiCode. Different barcode types are available using IronBarcode, e.g., Code 39, Code 128, RSS14, etc.

IronBarcode is compatible with all .NET Framework languages, i.e., C#, F#, and VB.NET. It supports all .NET platforms listed below:

.NET 7, 6 & 5
.NET Core 2x & 3x
.NET Standard 2
.NET Framework 4.6.2+

How to Generate QR Code in Blazor Server Application?

Prerequisites

To create QR codes in Blazor web apps in C#, we require the following components:

Visual Studio - It is an Integrated Development Environment (IDE) used for C# development. It can be downloaded from the Visual Studio website. Or you can use any other IDE supported for C#
Blazor Server App: Creating Blazor Server app is the primary task. Follow the given steps below to create a Blazor server web application.
- Open your IDE or Visual Studio. Click Create a new project.
- Choose Blazor Server App from the available project options.
- Next, set the location and name your project.
- Next, set the additional information for your project. Select an appropriate .NET Framework Version. IronBarcode supports .NET versions 2 through 7, with .NET 7 being the latest.
IronBarcode - The .NET QR code and Barcode library that helps to generate and read different barcode types. Following are the different ways to install IronBarcode:
Direct download IronBarcode from the NuGet website.
Install via Manage NuGet packages for solution in Visual Studio tools or right-click on solution explorer to choose NuGet Package Manager.
Download IronBarcode DLL directly from the Iron Software website.

Adding IronBarcode Namespace

Once everything is installed and ready, add the following assembly reference to your Blazor barcode application's "Imports.razor" file:

@using IronBarCode

@using IronBarCode

'INSTANT VB TODO TASK: The following line uses invalid syntax:
'@using IronBarCode

VB C#

How to Generate QR Code in Blazor: Figure 5

Add License Key

IronBarcode must be licensed to be used for deployment. You can get your free trial license key from here. Add the following lines of code to Program.cs file:

using IronBarCode;
License.LicenseKey = "YOUR-KEY-HERE";

using IronBarCode;
License.LicenseKey = "YOUR-KEY-HERE";

Imports IronBarCode
License.LicenseKey = "YOUR-KEY-HERE"

VB C#

Steps to Generate QR Code

The following steps will help generate QR codes in the best possible way in Blazor Server application:

Adding Blazor HTML Components

First, we are going to add some HTML code to the "Index.razor" page. The code consists of some headings, an input field, and buttons.

Use the code below to add the components to Blazor barcode app:

Welcome to Blazor QR Code Generator
Enter the value to Generate QR Code:

Generate QR Code
Generated QR Code:

Welcome to Blazor QR Code Generator
Enter the value to Generate QR Code:

Generate QR Code
Generated QR Code:

'INSTANT VB TODO TASK: The following line uses invalid syntax:
'Welcome @to Blazor QR Code Generator Enter the value @to Generate QR Code: Generate QR Code Generated QR Code:

VB C#

The output is as follows:

How to Generate QR Code in Blazor: Figure 6

The text field is used to get input from the user, and the generate button will call the onclick method to create a QR code. The created QR code will be displayed under the "Generated QR Code:" heading. Now, let's create the QRCodeGenerater method.

Create the `QrCodeGenerator` Method

It's time to use the powerful IronBarcode library in Visual Studio to generate QR codes. The @code section is added to "Index.razor" page. Let's first see the complete code below:

@code {
    private string qrCode = "";
    private string text = "";

    private void QRCodeGenerator()
    {
        GeneratedBarcode myQRCode = QRCodeWriter.CreateQrCode(text);
        qrCode = Convert.ToString(myQRCode.ToHtmlTag());
    }
}

@code {
    private string qrCode = "";
    private string text = "";

    private void QRCodeGenerator()
    {
        GeneratedBarcode myQRCode = QRCodeWriter.CreateQrCode(text);
        qrCode = Convert.ToString(myQRCode.ToHtmlTag());
    }
}

code
If True Then
	private String qrCode = ""
	private String text = ""

'INSTANT VB TODO TASK: Local functions are not converted by Instant VB:
'	private void QRCodeGenerator()
'	{
'		GeneratedBarcode myQRCode = QRCodeWriter.CreateQrCode(text);
'		qrCode = Convert.ToString(myQRCode.ToHtmlTag());
'	}
End If

VB C#

In the above code, there are two private string variables. qrCode will display the generated QR code, and text will get the user input from the input field. Then, in the QRCodeGenerator method, myQRCode is created using the QRCodeWriter class's CreateQrCode method. The CreateQrCode method provides several parameters to enhance the code output. You can customize the size of the QR code, set error correction code words to maintain the error correction level and change the QrVersion. The code below helps you work with other parameters as well:

QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0)

QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0)

'INSTANT VB TODO TASK: The following line uses invalid syntax:
'QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0)

VB C#

Finally, the generated Blazor barcode is converted to an HTML tag and then to a qrCode string.

Get more detail on IronBarcode features from this code examples page.

Display on the Blazor Server Application Home Page

Add the code below in HTML components in "Index.razor" page, after H4 heading to display qrCode:

@((MarkupString)qrCode)

@((MarkupString)qrCode)

'INSTANT VB TODO TASK: The following line uses invalid syntax:
'@((MarkupString)qrCode)

VB C#

Save As a PNG File

You can also save it to a PNG file using the SaveAsPng method:

myQRCode.SaveAsPng("myQRCode.png");

myQRCode.SaveAsPng("myQRCode.png");

myQRCode.SaveAsPng("myQRCode.png")

VB C#

How to Generate QR Code in Blazor: Figure 7

Generate QR Code on Page Load

You can also create a QR code on page load and display it for the users to scan for data. The following code helps you achieve this task asynchronously:

@((MarkupString)qrCode)

@code {
    private string qrCode = "";
    protected override async Task OnInitializedAsync()
    {
        await Task.Run(() => qrCode = Convert.ToString(QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0).ToHtmlTag()));
    }
}

@((MarkupString)qrCode)

@code {
    private string qrCode = "";
    protected override async Task OnInitializedAsync()
    {
        await Task.Run(() => qrCode = Convert.ToString(QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0).ToHtmlTag()));
    }
}

'INSTANT VB WARNING: The following constructor is declared outside of its associated class:
'ORIGINAL LINE: @((MarkupString)qrCode) @code
Private Sub New(ByVal qrCode As (MarkupString))
	private String qrCode = ""
'INSTANT VB TODO TASK: Local functions are not converted by Instant VB:
'	protected override async Task OnInitializedAsync()
'	{
'		await Task.Run(() => qrCode = Convert.ToString(QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0).ToHtmlTag()));
'	}
End Sub

VB C#

How to Generate QR Code in Blazor: Figure 8

Summary

In this article, we learned how to generate QR codes in Blazor Server application using IronBarcode in C#. IronBarcode is a flexible library and provides all necessary methods and support for Blazor apps.

IronBarcode easily converts plain text, images, videos, or any other data to QR codes. You can control the code size, error correction levels, and its version. You can use IronBarcode to scan barcodes in Blazor applications. A complete example is here.

IronBarcode is free for development but must be licensed for commercial and deployment purposes. You can try the free trial to test all its functionality.