Blazor QR-Code-Scanner
using IronQr;
using IronSoftware.Drawing;

private string? qrImageSrc;
private string scannedText = string.Empty;

private async Task OnFileSelected(InputFileChangeEventArgs e)
{
    var file = e.File;
    var tempPath = Path.Combine(Path.GetTempPath(), file.Name);
    await using var stream = file.OpenReadStream(maxAllowedSize: 10_000_000);
    await using var fs = File.Create(tempPath);
    await stream.CopyToAsync(fs);
    qrImageSrc = tempPath;
}

private async Task ScanQRCode()
{
    // Load the scanned QR code
    var inputBmp = AnyBitmap.FromFile(qrImageSrc!);
    var imageInput = new QrImageInput(inputBmp);
    var reader = new QrReader();

    // Read the scanned QR code
    var results = reader.Read(imageInput);

    // Check if a result was found
    var firstResult = results.FirstOrDefault();
    if (firstResult != null)
    {
        // Save the QR code value as a string
        scannedText = firstResult.Value;
    }
    else
    {
        scannedText = "No QR code found in the selected image.";
    }
}
NuGet Download
PM > Install-Package IronQR
Blazor QR-Code-Scanner

Blazor QR-Code-Scanner

Verwenden Sie IronQR, um QR-Codes in einer Blazor Server-Anwendung zu scannen. Laden Sie ein Bild über den Browser mit Blazors InputFile Komponente hoch und dekodieren Sie es dann serverseitig mit QrReader.Read().

5-Schritte-Anleitung zum Scannen eines QR-Codes in Blazor

  • using IronQr;
  • using IronSoftware.Drawing;
  • await using var stream = file.OpenReadStream(maxAllowedSize: 10_000_000);
  • var inputBmp = AnyBitmap.FromFile(qrImageSrc!);
  • var results = reader.Read(imageInput);

Code Erklärung

InputFile.OnChange wird ausgelöst, wenn der Benutzer eine Datei auswählt. OpenReadStream überträgt den Browser-Upload zu einem temporären Serverpfad, der dann an AnyBitmap.FromFile übergeben wird, um das Bildformat zu dekodieren. Ein QrImageInput umschließt das Bitmap für IronQR, und QrReader.Read gibt ein IEnumerable<QrResult> zurück. FirstOrDefault ruft das erste Ergebnis sicher ab, ohne eine Ausnahme bei Bildern zu werfen, die keinen QR-Code enthalten.

Entdecken Sie, wie man einen Blazor QR Code Scanner mit IronQR erstellt.

Bereit anzufangen?

Nuget Downloads 80,612Version:2026.11gerade veröffentlicht