New to Kendo UI for jQuery? Start a free 30-day trial

Upload Files and Additional Data in a Single Request

Environment

Product

Progress® Telerik® UI Upload for ASP.NET MVC

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?

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

JavaScript

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; }
}