title: jQuery file upload plugin working but files not uploading
body: <p>I'm using Blueimp jQuery file upload plugin for uploading image files.</p>
  
  <p>I am using the default "Basic Plus" from the demo with auto upload enabled. I can see the call to <code>server/php/</code> for file upload as soon as I drop file on the drop zone. but file does not seem to be uploaded.</p>
  
  <p>Here's my code:</p>
  
  <pre><code>&lt;form&gt;
    &lt;div class="asset_upload has_file js-asset-upload project required"&gt;
      &lt;div class="error"&gt;
        &lt;div class="message"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="success"&gt;
        &lt;div class="image-clip"&gt;
  
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="upload"&gt;
        &lt;input class="photo file" data-help_section="project-image-help" id="fileupload" name="project[photo]" type="file"&gt;
        &lt;strong class="center"&gt;
          Choose an image from your computer &lt;span class="has_file_hide"&gt;This is the main image.&lt;/span&gt;&lt;span&gt;JPEG, PNG, GIF&lt;/span&gt;
        &lt;/strong&gt;
        &lt;div class="progress finished"&gt;
          &lt;div class="inner"&gt;
            &lt;div class="bar" style="width: 100%;"&gt;
              &lt;div class="percentage"&gt;Processing...&lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/form&gt;
  
  &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included --&gt;
  &lt;script src="js/vendor/jquery.ui.widget.js"&gt;&lt;/script&gt;
  &lt;!-- The Load Image plugin is included for the preview images and image resizing functionality --&gt;
  &lt;script src="//blueimp.github.io/JavaScript-Load-Image/js/load-image.all.min.js"&gt;&lt;/script&gt;
  &lt;!-- The Canvas to Blob plugin is included for image resizing functionality --&gt;
  &lt;script src="//blueimp.github.io/JavaScript-Canvas-to-Blob/js/canvas-to-blob.min.js"&gt;&lt;/script&gt;
  &lt;!-- Bootstrap JS is not required, but included for the responsive demo navigation --&gt;
  &lt;script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;!-- The Iframe Transport is required for browsers without support for XHR file uploads --&gt;
  &lt;script src="js/jquery.iframe-transport.js"&gt;&lt;/script&gt;
  &lt;!-- The basic File Upload plugin --&gt;
  &lt;script src="js/jquery.fileupload.js"&gt;&lt;/script&gt;
  &lt;!-- The File Upload processing plugin --&gt;
  &lt;script src="js/jquery.fileupload-process.js"&gt;&lt;/script&gt;
  &lt;!-- The File Upload image preview &amp; resize plugin --&gt;
  &lt;script src="js/jquery.fileupload-image.js"&gt;&lt;/script&gt;
  &lt;!-- The File Upload validation plugin --&gt;
  &lt;script src="js/jquery.fileupload-validate.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  /*jslint unparam: true, regexp: true */
  /*global window, $ */
  $(function () {
      'use strict';
      // Change this to the location of your server-side upload handler:
      var url = 'server/php/';
  
      $('#fileupload').fileupload({
          url: url,
          dataType: 'json',
          autoUpload: true,
          acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
          maxFileSize: 999000,
          method: 'GET',
          dropZone: $('#fileupload'),
          // Enable image resizing, except for Android and Opera,
          // which actually support image resizing, but fail to
          // send Blob objects via XHR requests:
          disableImageResize: /Android(?!.*Chrome)|Opera/
              .test(window.navigator.userAgent),
  
  
      }).on('dragover', function (e) {
          var dropZone = $('.asset_upload .upload'),
              timeout = window.dropZoneTimeout;
          if (!timeout) {
              dropZone.addClass('in');
          } else {
              clearTimeout(timeout);
          }
          var found = false,
              node = e.target;
          do {
              if (node === dropZone[0]) {
                  found = true;
                  break;
              }
              node = node.parentNode;
          } while (node != null);
          if (found) {
              dropZone.addClass('hover');
          } else {
              dropZone.removeClass('hover');
          }
          window.dropZoneTimeout = setTimeout(function () {
              window.dropZoneTimeout = null;
              dropZone.removeClass('in hover');
          }, 100)
      }).on('fileuploadadd', function (e, data) {
          //Hides error
          $('.error').hide().children().text('');
  
      }).on('fileuploadprocessalways', function (e, data) {
          var index = data.index,
              file = data.files[index];
  
          if (file.preview) {
              // node
              //     .prepend('&lt;br&gt;')
              //     .prepend(file.preview);
          }
          if (file.error) {
              $('.error')
                  .fadeIn()
                  .children()
                  .text(file.error);
          }
          if (index + 1 === data.files.length) {
              // data.context.find('button')
              //     .text('Upload')
              //     .prop('disabled', !!data.files.error);
          }
      }).on('fileuploadprogressall', function (e, data) {
          var progress = parseInt(data.loaded / data.total * 100, 10);
          $('.progress').fadeIn();
      }).on('fileuploaddone', function (e, data) {
          alert(data.result.files);
          $.each(data.result.files, function (index, file) {
  
              if (file.url) {
                  var link = $('&lt;a&gt;')
                      .attr('target', '_blank')
                      .prop('href', file.url);
                  $(data.context.children()[index])
                      .wrap(link);
              } else if (file.error) {
                  var error = $('&lt;span class="text-danger"/&gt;').text(file.error);
                  $(data.context.children()[index])
                      .append('&lt;br&gt;')
                      .append(error);
              }
              $('.progress').fadeOut();
          });
      }).on('fileuploadfail', function (e, data) {
          $.each(data.files, function (index) {
              var error = 'File upload failed.';
              $($('.error').children()[index])
                  .append('&lt;br&gt;')
                  .append(error);
              $('.progress').fadeOut();
          });
      }).prop('disabled', !$.support.fileInput)
          .parent().addClass($.support.fileInput ? undefined : 'disabled');
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>As per response from <code>server/php</code> I can see <code>{"files":[]}</code> So its clear that files are not uploading.</p>
  
  <p>I can see the request as <code>https://localhost/dropzone/server/php/index.php?[object%20FormData]&amp;_=1478101410337</code> and getting <code>{"files":[]}</code> as response.</p>
  
  <p>I am pretty new to this plugin any help would be appreciated.</p>