Blazor'da Bir QR Kod Tarayıcı Nasıl Oluşturulur

Curtis Chau

Updated: 3 Mart 2026

Download IronQR

• NuGet Download
• DLL Download

• ---

• Start Free Trial

Copy for LLMs

• Copy for LLMs

  Copy page as Markdown for LLMs
  # Blazor'da Bir QR Kod Tarayıcı Nasıl Oluşturulur [Blazor Server](https://learn.microsoft.com/en-us/aspnet/core/blazor/), C#'ı sunucuda çalıştıran ve UI güncellemelerini SignalR bağlantısı üzerinden tarayıcıya ileten bir .NET web çerçevesidir. IronQR, Blazor Server'a doğrudan entegre olur, tarayıcıdan yüklenen görüntüler için sunucu tarafında QR kodu taramasına olanak tanır ve JavaScript gerektirmez. Bu kullanım kılavuzunda, bir görüntü yüklemeyi kabul eden ve İçindeki gömülü QR kodunu IronQR kullanarak çözen bir Blazor Server sayfası oluşturacağız. <div class="hsg-featured-snippet"> <h2>Blazor'da QR Kodu Nasıl Tarayın</h2> <ol> <li>Web'de QR kodlarını taramak için IronQR C# kütüphanesini yükleyin</li> <li><code>InputFile</code> bileşeni ekleyin, tarayıcıdan görüntü yüklemelerini kabul etmek için</li> <li>Yüklenen dosyayı sunucuda geçici bir yola aktar</li> <li>Görüntüyü yükleyin ve bir <code>QrImageInput</code> ile sarın</li> <li><code>Read</code> çağırın ve çözülen değeri Blazor bileşeninde gösterin</li> </ol> </div> ## Gereksinimler 1. **ASP.NET ve web geliştirme** iş yükü yüklü Visual Studio 2022 2. .NET 8 veya üstünü hedefleyen bir Blazor Server projesi ## IronQR Kurulumu IronQR kütüphanesini Visual Studio'daki NuGet Paket Yöneticisi Konsolu'nu kullanarak yükleyin. Şuraya gidin `Tools > NuGet Package Manager > Package Manager Console` ve çalıştırın: ```shell :ProductInstall ``` Alternatif olarak, [NuGet](https://nuget.org/packages/IronQR/) üzerinde `IronQR` arayın ve en son sürümü yükleyin. ## Blazor Bileşen Düzeni Tarayıcı UI, tarayıcıya özgü dosya seçimi için Blazor'un yerleşik `InputFile` bileşenini, taramayı başlatmak için bir düğme ve çözümlenmiş sonucu göstermek için bir paragraf kullanır. JavaScript arayüzü gerekmez. Aşağıdaki işaretleme ile yeni bir Razor bileşeni `Scanner.razor` ekleyin: ```razor @page "/scanner" @using IronQr @using IronSoftware.Drawing <h3>QR Code Scanner</h3> <InputFile OnChange="OnFileSelected" accept="image/*" /> <br /><br /> <button @onclick="ScanQRCode" disabled="@(qrImageSrc == null)">Scan QR Code</button> <p>Result: @scannedText</p> ``` ## Örnek Giriş Aşağıdaki QR kodunu test görüntüsü olarak kullanın. Cihazınıza kaydedin, uygulamadaki dosya seçimci ile yükleyin, ardından **QR Kodunu Tara**'ya tıklayın. Çözümlenmiş değer `https://ironsoftware.com` olarak gösterilmelidir. <div class="content-img-align-center"> <div class="center-image-wrapper"> <img src="/static-assets/qr/how-to/blazor-qr-code-scanner/test-qr-code.png" alt="Blazor QR tarayıcısını test etmek için https://ironsoftware.com adresini kodlayan örnek QR kodu" class="img-responsive add-shadow" style="max-width:200px;" /> <p class="content__image-caption content-align">Örnek QR kodu — <code>https://ironsoftware.com</code> kodlar</p> </div> </div> ## IronQR ile QR Kod Tarama Bir dosya seçildiğinde, `OnFileSelected` tarayıcı yüklemesini sunucudaki geçici bir dosyaya akıtır. Tarama düğmesine tıklandığında, `ScanQRCode` dosyayı bir `AnyBitmap` içinde yükler, onu `QrReader.Read()` geçirir ve ilk çözümlenmiş değeri `scannedText` yazar, bu da Blazor tarafından otomatik olarak bileşende render edilir. Aşağıdaki `@code` bloğunu `Scanner.razor` ekleyin: ```csharp :path=/static-assets/qr/content-code-examples/how-to/blazor-qr-code-scanner.cs ``` `InputFile.OpenReadStream` yüklenen baytları doğrudan sunucu tarafı geçici bir dosyaya akıtır. `AnyBitmap.FromFile` görüntü formatını çözer ve `QrReader.Read` bulunan her bir QR kodu için bir girişle bir `IEnumerable<QrResult>` döndürür. `FirstOrDefault` bir istisna atmadan, QR kodu olmayan görüntüleri güvenli bir şekilde işler. ## Çıktı Bir QR kodu görüntüsü seçildikten ve **QR Kodunu Tara**'ya tıklandıktan sonra, çözülen değer aşağıdaki sonuç paragrafında kontrol ögelerinin altında görüntülenir. <div class="content-img-align-center"> <div class="center-image-wrapper"> <img src="/static-assets/qr/how-to/blazor-qr-code-scanner/output.gif" alt="IronQR kullanan Blazor QR Kod Tarayıcı — çözümlenen sonuç sayfada gösteriliyor" class="img-responsive add-shadow" /> <p class="content__image-caption content-align">Çözülen QR kodu değeri Blazor bileşeninde görüntülendi</p> </div> </div> ## Projeyi İndir [Tam BlazorQrScanner projesini indirmek için buraya tıklayın.](/static-assets/qr/how-to/blazor-qr-code-scanner/BlazorQrScanner.zip) ## Sonuç IronQR, herhangi bir JavaScript olmadan bir Blazor Server uygulamasına entegre olur. `InputFile` tarayıcıya özgü dosya seçimi sağlar ve `QrReader.Read` çözümlenmeyi tamamen sunucuda ele alır. Aynı desen, `FirstOrDefault` çağırmak yerine tam sonuçlar koleksiyon üzerinde iterasyon yaparak, görüntü başına birden fazla QR kodu taramak için ölçeklenir. QR kodlarını okuma ve mevcut tarama modları hakkında daha fazla bilgi için [Görüntüden QR Kodları Okuma](/csharp/qr/how-to/read-qr-codes-from-image/) ve [Tarama Modlarıyla QR Kodları Okuma](/csharp/qr/how-to/read-qr-codes-with-scan-modes/) kılavuzlarına bakın.

• ---

• Open in ChatGPT

  Ask ChatGPT about this page
• Open in Gemini

  Ask Gemini about this page
• Open in Grok

  Ask Grok about this page
• Open in Perplexity

  Ask Perplexity about this page

Share

• Share on Facebook
• Share on X (Twitter)
• Share on LinkedIn

• ---

• Email article

Blazor Server, C#'ı sunucuda çalıştıran ve UI güncellemelerini SignalR bağlantısı üzerinden tarayıcıya ileten bir .NET web çerçevesidir. IronQR, Blazor Server'a doğrudan entegre olur, tarayıcıdan yüklenen görüntüler için sunucu tarafında QR kodu taramasına olanak tanır ve JavaScript gerektirmez.

Bu kullanım kılavuzunda, bir görüntü yüklemeyi kabul eden ve İçindeki gömülü QR kodunu IronQR kullanarak çözen bir Blazor Server sayfası oluşturacağız.

Gereksinimler

1. ASP.NET ve web geliştirme iş yükü yüklü Visual Studio 2022
2. .NET 8 veya üstünü hedefleyen bir Blazor Server projesi

IronQR Kurulumu

IronQR kütüphanesini Visual Studio'daki NuGet Paket Yöneticisi Konsolu'nu kullanarak yükleyin. Şuraya gidin Tools > NuGet Package Manager > Package Manager Console ve çalıştırın:

Install-Package IronQR

Alternatif olarak, NuGet üzerinde IronQR arayın ve en son sürümü yükleyin.

Blazor Bileşen Düzeni

Tarayıcı UI, tarayıcıya özgü dosya seçimi için Blazor'un yerleşik InputFile bileşenini, taramayı başlatmak için bir düğme ve çözümlenmiş sonucu göstermek için bir paragraf kullanır. JavaScript arayüzü gerekmez.

Aşağıdaki işaretleme ile yeni bir Razor bileşeni Scanner.razor ekleyin:

@page "/scanner"
@using IronQr
@using IronSoftware.Drawing

<h3>QR Code Scanner</h3>

<InputFile OnChange="OnFileSelected" accept="image/*" />

<br /><br />

<button @onclick="ScanQRCode" disabled="@(qrImageSrc == null)">Scan QR Code</button>

<p>Result: @scannedText</p>

@page "/scanner"
@using IronQr
@using IronSoftware.Drawing

<h3>QR Code Scanner</h3>

<InputFile OnChange="OnFileSelected" accept="image/*" />

<br /><br />

<button @onclick="ScanQRCode" disabled="@(qrImageSrc == null)">Scan QR Code</button>

<p>Result: @scannedText</p>

Örnek Giriş

Aşağıdaki QR kodunu test görüntüsü olarak kullanın. Cihazınıza kaydedin, uygulamadaki dosya seçimci ile yükleyin, ardından QR Kodunu Tara'ya tıklayın. Çözümlenmiş değer https://ironsoftware.com olarak gösterilmelidir.

Örnek QR kodu — https://ironsoftware.com kodlar

IronQR ile QR Kod Tarama

Bir dosya seçildiğinde, OnFileSelected tarayıcı yüklemesini sunucudaki geçici bir dosyaya akıtır. Tarama düğmesine tıklandığında, ScanQRCode dosyayı bir AnyBitmap içinde yükler, onu QrReader.Read() geçirir ve ilk çözümlenmiş değeri scannedText yazar, bu da Blazor tarafından otomatik olarak bileşende render edilir.

Aşağıdaki @code bloğunu Scanner.razor ekleyin:

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.";
    }
}

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.";
    }
}

Imports IronQr
Imports IronSoftware.Drawing

Private qrImageSrc As String
Private scannedText As String = String.Empty

Private Async Function OnFileSelected(e As InputFileChangeEventArgs) As Task
    Dim file = e.File
    Dim tempPath = Path.Combine(Path.GetTempPath(), file.Name)
    Await Using stream = file.OpenReadStream(maxAllowedSize:=10000000)
        Await Using fs = File.Create(tempPath)
            Await stream.CopyToAsync(fs)
        End Using
    End Using
    qrImageSrc = tempPath
End Function

Private Async Function ScanQRCode() As Task
    ' Load the scanned QR code
    Dim inputBmp = AnyBitmap.FromFile(qrImageSrc)
    Dim imageInput = New QrImageInput(inputBmp)
    Dim reader = New QrReader()

    ' Read the scanned QR code
    Dim results = reader.Read(imageInput)

    ' Check if a result was found
    Dim firstResult = results.FirstOrDefault()
    If firstResult IsNot Nothing Then
        ' Save the QR code value as a string
        scannedText = firstResult.Value
    Else
        scannedText = "No QR code found in the selected image."
    End If
End Function

Imports IronQr
Imports IronSoftware.Drawing

Private qrImageSrc As String
Private scannedText As String = String.Empty

Private Async Function OnFileSelected(e As InputFileChangeEventArgs) As Task
    Dim file = e.File
    Dim tempPath = Path.Combine(Path.GetTempPath(), file.Name)
    Await Using stream = file.OpenReadStream(maxAllowedSize:=10000000)
        Await Using fs = File.Create(tempPath)
            Await stream.CopyToAsync(fs)
        End Using
    End Using
    qrImageSrc = tempPath
End Function

Private Async Function ScanQRCode() As Task
    ' Load the scanned QR code
    Dim inputBmp = AnyBitmap.FromFile(qrImageSrc)
    Dim imageInput = New QrImageInput(inputBmp)
    Dim reader = New QrReader()

    ' Read the scanned QR code
    Dim results = reader.Read(imageInput)

    ' Check if a result was found
    Dim firstResult = results.FirstOrDefault()
    If firstResult IsNot Nothing Then
        ' Save the QR code value as a string
        scannedText = firstResult.Value
    Else
        scannedText = "No QR code found in the selected image."
    End If
End Function

InputFile.OpenReadStream yüklenen baytları doğrudan sunucu tarafı geçici bir dosyaya akıtır. AnyBitmap.FromFile görüntü formatını çözer ve QrReader.Read bulunan her bir QR kodu için bir girişle bir IEnumerable<QrResult> döndürür. FirstOrDefault bir istisna atmadan, QR kodu olmayan görüntüleri güvenli bir şekilde işler.

Çıktı

Bir QR kodu görüntüsü seçildikten ve QR Kodunu Tara'ya tıklandıktan sonra, çözülen değer aşağıdaki sonuç paragrafında kontrol ögelerinin altında görüntülenir.

Çözülen QR kodu değeri Blazor bileşeninde görüntülendi

Projeyi İndir

Tam BlazorQrScanner projesini indirmek için buraya tıklayın.

Sonuç

IronQR, herhangi bir JavaScript olmadan bir Blazor Server uygulamasına entegre olur. InputFile tarayıcıya özgü dosya seçimi sağlar ve QrReader.Read çözümlenmeyi tamamen sunucuda ele alır. Aynı desen, FirstOrDefault çağırmak yerine tam sonuçlar koleksiyon üzerinde iterasyon yaparak, görüntü başına birden fazla QR kodu taramak için ölçeklenir.

QR kodlarını okuma ve mevcut tarama modları hakkında daha fazla bilgi için Görüntüden QR Kodları Okuma ve Tarama Modlarıyla QR Kodları Okuma kılavuzlarına bakın.

Curtis Chau

Mühendislik ekibiyle şimdi sohbet edin

Teknik Yazar

Curtis Chau, Bilgisayar Bilimleri alanında Lisans Derecesine (Carleton Üniversitesi) sahip ve Node.js, TypeScript, JavaScript ve React konularında uzmanlaşmış ön uç geliştirmeyle ilgileniyor. Sezgisel ve estetik açıdan hoş kullanıcı arayüzleri oluşturma tutkunu, Curtis modern çerçevelerle çalışmayı ve iyi yapılandırılmış, görsel olarak çekici kılavuzlar oluşturmayı seviyor.

...

Daha Fazla Oku