New to Telerik UI for ASP.NET MVC? Start a free 30-day trial
Display Existing Files in the Upload
Updated on Sep 16, 2026
Environment
| Product | Telerik UI for ASP.NET Core Upload |
Description
How can I display files that are already associated with a record in the Telerik UI for ASP.NET Core Upload component?
Solution
Use the Files() configuration to populate the Upload with the files from the view model. Set the file name, extension, and size for each file.
Razor
@model RecordViewModel
@(Html.Kendo().Upload()
.Name("files")
.Async(asyncSettings => asyncSettings
.Save("Chunk_Upload_Save", "Upload")
.Remove("Chunk_Upload_Remove", "Upload")
.AutoUpload(true)
.ChunkSize(11000)
)
.Files(files =>
{
if (Model.Files != null)
{
foreach (var file in Model.Files)
{
files.Add()
.Name(file.Name)
.Extension(file.Extension)
.Size(file.Size ?? 0);
}
}
})
)The Upload displays these files when the page loads. The Files() configuration only defines the initial file list. The Save and Remove actions still handle subsequent upload and removal requests.
For an example that also sends a view model property to the server when a user removes an existing file, see Sending a Model Property to the Server When Removing a File from the Upload.