BlazorCaptcha

Blazor-Captcha

Generates a captcha image for a Blazor Server or Webassembly application.

Live demo

Blazor webassembly : https://tossnet.github.io/Blazor-Captcha/

Installation

To Install

Install-Package BlazorCaptcha

or

dotnet add package BlazorCaptcha

For client-side and server-side Blazor - add script section to _Host.cshtml (head section)

<link href="_content/BlazorCaptcha/captcha.css" rel="stylesheet" />

Usage

@page "/"
@using BlazorCaptcha

<h3>Hello, world!</h3>


<Captcha @bind-CaptchaWord="@Captcha" CharNumber="@CaptchaLetters" />

<p>@Captcha</p>

@code{
    private string Captcha = "";
    private int CaptchaLetters = 5;

    protected override Task OnInitializedAsync()
    {
        Captcha = BlazorCaptcha.Tools.GetCaptchaWord(CaptchaLetters);

        return base.OnInitializedAsync();
    }
}

Release Notes

Version 2.0.0

• Due to the Skiasharp problem : https://github.com/mono/SkiaSharp/discussions/3185#discussioncomment-12410708,a special component for Blazor WebAssembly has been created. Currently only compatible with .NET 8 for the WASM part

• .NET 7 compatibility removed

Version 1.7.1

• https://github.com/tossnet/Blazor-Captcha/issues/20#issuecomment-2549029344

Version 1.6.0

• issue #12

Version 1.5.0

• Add DotNet 8.0 framework target

Version 1.4.2

• Update nuget packages

Version 1.4.1

• To avoid any confusion, remove 'x', 'V', 'v' chars

Version 1.4.0

• issue #10 Characters did not always fit inside the div
• remove 'X' and '+' chars

Version 1.3.0

• migrate to .NET 7

Version 1.2.4

• minor improvement

Version 1.2.3

• Add type="button"

Version 1.2.2

• add nuget package SkiaSharp.NativeAssets.Linux

Version 1.2.0

• NET6, removal of the bootstrap class

⚠️ Breaking changes ⚠️

Version 1.0.1 to 1.1.0

• Change the parameter "CaptchaWord" => "@bind-CaptchaWord"
• Add the parameter with the length of the word ex : "CharNumber="@CaptchaLetters"
• Remove the "OnRefresh" parameter