title: jquery image upload in form via drag and drop
body: <p>I'm currently working in asp.net mvc 4. I'm building an application for the latest browsers.
  At first, I used  for my uploading. This worked fine. Then my employer decided that it had to work via drag and drop. So that's where I'm stuck right now.</p>
  
  <p>I found a nice script online and made some minor mods to it. I steered clear of the upload functionality though. I did remove the upload button. This is the script I'm talking about: <a href="http://www.inserthtml.com/2012/08/file-uploader/" rel="nofollow">http://www.inserthtml.com/2012/08/file-uploader/</a>
  I did tweak the uploaded image a little bit while trying out stuff. Right now it's </p>
  
  <pre><code>('#dropped-files').append('&lt;div class="image" name="picture" id="Picture" style="left: ' + z + 'px; background: url(' + image + '); background-size: cover;"&gt; &lt;/div&gt;');
  </code></pre>
  
  <p>The method I' using to handle the upload is the following:</p>
  
  <pre><code>[HttpPost]
  public ActionResult MyMethod(String authorEmail, string buyerEmail, HttpPostedFileBase picture,
                                                  string comments, int legalUsageCategoryId)
  </code></pre>
  
  <p>The picture variable is never filled out, unless I use type="file".
  Seeing as the image only has to be uploaded when the form is submitted, how could I best handle this?</p>