Edit this page

Upload Files and Additional Data in a Single Request

Environment

Product Progress Kendo UI Upload for ASP.NET MVC

Description

I want to upload a file to the server and also write some data into the SQL database after the user fills a form with those values.

How can I send the field values along the AJAX request of the Upload?

Solution

Handle the upload event of the Upload widget. As a result, you are able to pass additional parameters to the remote call.

function onUpload(e) {
    e.data = {
        Title: $('#title').val(),
        Notes: $('#notes').val()
    };
}

On the server, you will get the following parameters in a model object:

public ActionResult UploadFile(IEnumerable<HttpPostedFileBase> files3, TestModel model)
{...}

The model contains the following properties:

public class TestModel
{
    public string Title { get; set; }

    public string Notes { get; set; }
}

See Also

Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy