This example demonstrates how to use the MVC UploadControl Extension to upload files.

Add an upload control and specify its Name and CallbackRouteValues properties.

@Html.DevExpress().UploadControl(settings => {
    settings.Name = "uc";
    settings.CallbackRouteValues = new { Controller = "Home", Action = "UploadControlCallbackAction" };
    <!-- ... -->
}).GetHtml()

Create a button and handle its client-side Click event. In the hanlder, call the upload control's Upload method to post the selected file to the server's memory.

function OnClick(s, e) {
    uc.Upload();
}

@using(Html.BeginForm("UploadControlCallbackAction", "Home", FormMethod.Post)) {
    Html.RenderPartial("UploadControlPartial");
    @Html.DevExpress().Button(button => {
        button.Name = "btnUploadFile";
        button.Text = "Upload File";
        button.ClientSideEvents.Click = "OnClick";
    }).GetHtml()
}

To obtain uploaded files, call the upload control's server-side GetUploadedFiles method and pass validation settings and the UploadComplete event handler as parameters.

public ActionResult UploadControlCallbackAction() {
    UploadControlExtension.GetUploadedFiles("uc", UploadControlDemosHelper.ValidationSettings, UploadControlDemosHelper.uc_FileUploadComplete);
    return null;
}

To pass information to the client, use the e.CallbackData argument property in the UploadComplete event handler. Then, handle the client-side FileUploadComplete event and use its e.callbackData argument property to get the passed information.

• HomeController.cs (VB: HomeController.vb)
• Index.cshtml
• UploadControlPartial.cshtml

• File Upload - AJAX Uploading