Upload TagHelper Overview

The Telerik UI Upload TagHelper for ASP.NET Core is a server-side wrapper for the Kendo UI Upload widget.

The Upload uses progressive enhancement to deliver the best possible uploading experience to users, without requiring extra developer effort.

Initializing the Upload

The following example demonstrates how to define the Upload by using the Upload TagHelper.

To ensure the tag-naming consistency across the Telerik UI for ASP.NET Core suite, the Kendo UI R1 2018 release introduces a change in the tag names of the Upload. As of the Kendo UI R1 2018 release:

  • The <kendo-upload-async-settings> tag name is changed to <async>
  • The <kendo-upload-files> tag name is changed to <files>.
  • The <kendo-upload-file> tag name is changed to <file>.
  • The <kendo-upload-localization-settings> tag name is changed to <localization>.
  • The <kendo-upload-validation-settings> tag name is changed to <validation>.
    <kendo-upload drop-zone="drop-zone1" name="test">
        <async auto-upload="true" />
        <validation allowed-extensions="@Model.Extensions" />
        <files>
            <file name="dummy" size="1024" />
        </files>
    </kendo-upload>

Basic Configuration

The Upload TagHelper configuration options are passed as attributes of the tag or attributes of the nested composite and collection properties.


        @(Html.Kendo().Upload()
            .Name("upload1")
            .DropZone("drop-zone1")
            .Validation(v => v.AllowedExtensions(Model.Extensions))
            .Files(f => f.Add().Name("dummy").Size(1024))
    )
        <kendo-upload drop-zone="drop-zone1" name="test">
            <async auto-upload="true" />
            <validation allowed-extensions="@Model.Extensions" />
            <files>
                <file name="dummy" size="1024" />
            </files>
        </kendo-upload>

See Also

In this article
Not finding the help you need? Improve this article