Edit this page

Upload Tag Helper Overview

The Upload tag helper helps you configure the Kendo UI Upload widget in ASP.NET Core applications.

Basic Usage

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

Example
    <kendo-upload drop-zone="drop-zone1" name="test">
        <kendo-upload-async-settings auto-upload="true" />
        <kendo-upload-validation-settings allowed-extensions="@Model.Extensions" />
        <kendo-upload-files>
            <kendo-upload-file name="dummy" size="1024"/>
        </kendo-upload-files>
    </kendo-upload>

Configuration

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

Example

        @(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">
            <kendo-upload-async-settings auto-upload="true" />
            <kendo-upload-validation-settings allowed-extensions="@Model.Extensions" />
            <kendo-upload-files>
                <kendo-upload-file name="dummy" size="1024"/>
            </kendo-upload-files>
        </kendo-upload>

See Also