BlazorFileSaver

Blazor Component wrapper for FileSaver.js

Demo

Sample

Installation

• Add Nuget BlazorFileSaver
• Add <script src="_content/BlazorFileSaver/BlazorFileSaver.min.js"></script> to the index.html or _Hosts.cshtml
• Add AddBlazorFileSaver() to the ConfigureServices in Program.cs as noted below

Program.cs

namespace BlazorFileSaver.Sample
{
    public class Program
    {
        public static async Task Main(string[] args)
        {
            var builder = WebAssemblyHostBuilder.CreateDefault(args);
            
            builder.RootComponents.Add<App>("app");

            builder.Services.AddBlazorFileSaver(); // Add This!

            await builder.Build().RunAsync();
        }
    }
}

Example

@page "/sample"

<h1>BlazorFileSaver.Sample</h1>

<input type="text" @bind="FileName" />

<buton @onclick="Save" class="btn btn-primary">Save</buton>

<textarea class="form-control" type="text" @bind="Data" rows="20"></textarea>

@code {
    [Inject]
    private IBlazorFileSaver BlazorFileSaver { get; set; }
    
    private string FileName { get; set; } = "Sample.txt";

    private string Data { get; set; } = "Sample Text";

    private async Task Save()
    {
        await BlazorFileSaver.SaveAs(FileName, Data);
    }
}

More Examples

SaveAsBase64 Zip