title: Image Upload with Mootools
body: <p>I am creating an ajax uploader with mootools. When I remove the ajax and simply upload the form I get $_FILES with the file data present. But when I use the ajax version, the $_FILES super global is empty. Every other part of the form is present. It acts as if it does not send the image at all but only in the ajax version. Any help is appreciated.
  Thanks! </p>
  
  <pre><code>&lt;form id="uploadphoto_pod" action="upload.php" enctype="multipart/form-data" method="post"&gt;
  &lt;input type='file' id='uploadphoto' name='uploadphoto'/&gt;
  &lt;input type="submit" class="submit" name="add_product" value="Upload" /&gt;
    &lt;/form&gt;
     &lt;div id="response"&gt;&lt;!-- Ajax Response --&gt;&lt;/div&gt;
  &lt;script type="text/javascript"&gt;
   window.addEvent('domready', function(){
  $('uploadphoto').addEvent('submit', function(e) {
      //Prevents the default submit event from loading a new page.
      e.stop();
      //("this" refers to the $('uploadphoto') element).
      this.set('send', {onComplete: function(response) {
          $('response').set('html', response);
      }});
      //Send the form.
      this.send();
  });
  });
     &lt;/script&gt;
  </code></pre>