title: Kendo UI FileUpload via AJAX with JSON
body: <p>I am using Kendo with MVC 5.   I have several form inputs including a fileupload control.   Onclick of a button I am building a json object with the values of the inputs and sending it through via an AJAX call.   </p>
  
  <p>I want to know how I can include the selected file from the file upload control in the json object that is sent.  Here is the code for the upload control:</p>
  
  <pre><code>$(document).ready(function () {
      $("#files").kendoUpload({
          multiple: false
      });
  });
  </code></pre>
  
  <p>And then the ajax call sending the form data:</p>
  
  <pre><code>var ro = new Object();
  // ...... //populate some properties      
  var jsonString = JSON.stringify(ro);
  
  $.ajax({
      url: '@Url.Action("Save", "Service")',
      data: jsonString ,
      type: 'POST',
      dataType: 'json',
      contentType: 'application/json',
  });
  </code></pre>
  
  <p>The receiving controller action look like this:</p>
  
  <pre><code>public ActionResult Save(MyViewModel model)
  {
      var obj = //call something here then return resulting obj 
      return this.Json(obj, JsonRequestBehavior.AllowGet);
  }  
  </code></pre>
  
  <p>Any help is appreciated.</p>