@inject NavigationManager NavigationManager

<TelerikUpload SaveUrl="@SaveUrl" RemoveUrl="@RemoveUrl"
               OnSuccess="@OnSuccessHandler"
                OnSelect="@OnSelectHandler"/>

@code {
    // one way to define relative paths, put the desired URL here
    // can be a full URL such as https://mydomain/myendpoint/save
    public string SaveUrl => ToAbsoluteUrl("api/upload/save");
    public string RemoveUrl => ToAbsoluteUrl("api/upload/remove");

    public string ToAbsoluteUrl(string url)
    {
        return $"{NavigationManager.BaseUri}{url}";
    }

    async Task OnSuccessHandler(UploadSuccessEventArgs e)
    {
        var actionText = e.Operation == UploadOperationType.Upload ? "uploaded" : "removed";

        foreach (var file in e.Files)
        {
            string decodedFileName = System.Net.WebUtility.HtmlDecode(file.Name);
            Console.WriteLine($"The file {decodedFileName} has been {actionText} successfully");
        }
    }

    async Task OnSelectHandler(UploadSelectEventArgs e)
    {
        // the file name is encoded here already

        foreach (var item in e.Files)
        {
            string decodedFileName = System.Net.WebUtility.HtmlDecode(item.Name);
            Console.WriteLine($"OnSelect: {decodedFileName}");
        }
    }
}