Skip to content

File Button

Meisam Alifallhi edited this page Apr 18, 2022 · 1 revision

1

Single file

<FileButton Color="Color.Primary" Changed="OnChanged">Upload</FileButton>

@code {

    private Task OnChanged(FileChangedEventArgs e)
    {
        return Task.CompletedTask;
    }

}

Multiple files

<FileButton Color="Color.Primary" Changed="OnChanged" Multiple>Upload</FileButton>

@code {

    private Task OnChanged(FileChangedEventArgs e)
    {
        //var files = e.Files;
        return Task.CompletedTask;
    }

Limiting to certain file types

<FileButton Color="Color.Primary" Changed="OnChanged" Filter="image/jpeg, image/png, image/gif">Upload</FileButton>

@code {

    private Task OnChanged(FileChangedEventArgs e)
    {
        return Task.CompletedTask;
    }

}

Events

<FileButton Color="Color.Primary" Changed="OnChanged" Progressed="OnProgressed"
                                   Written="OnWritten" Started="OnStarted" Ended="OnEnded">
    Upload
</FileButton>

@code {

        private Task OnChanged(FileChangedEventArgs e)
        {
        return Task.CompletedTask;
        }

        private Task OnProgressed(FileProgressedEventArgs e)
        {
        return Task.CompletedTask;
        }

        private Task OnWritten(FileWrittenEventArgs e)
        {
        return Task.CompletedTask;
        }

        private Task OnStarted(FileStartedEventArgs e)
        {
        return Task.CompletedTask;
        }

        private Task OnEnded(FileEndedEventArgs e)
        {
        return Task.CompletedTask;
        }

}
Clone this wiki locally