title: Using Dojo Uploader with AJAX on select
body: <p>I want to create a Dojo Uploader button.</p>
  
  <p>When the user finishes selecting a file, I want to upload the file to the server immediately (don't wait for a submit click).</p>
  
  <p>Here's my code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  require(["dojo/parser", "dojox/form/Uploader", "dojox/form/uploader/plugins/IFrame", "dojox/form/uploader/FileList", "dojo/domReady!"],
     function(parser) {
        parser.parse();
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>In the body of the HTML doc:</p>
  
  <pre><code>&lt;input name="restoreFile" multiple="false" type="file" id="restoreBtn"
         data-dojo-type="dojox/form/Uploader"
         data-dojo-props='label: "Upload", 
                          url: "&lt;s:url action="restore-backup" /&gt;", 
                          uploadOnSelect: "true"' /&gt;
  &lt;div id="fileList" data-dojo-type="dojox/form/uploader/FileList" 
       data-dojo-props='uploaderId: "restoreBtn"'&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I tried putting both of these tags into a form tag, but there was no change in behavior.</p>
  
  <p>When I click on the uploader, I see the file picker. 
  When I select the file and click "Open," the FileList shows the selected file, but nothing is sent to the server.</p>
  
  <p>I tried requiring all three of the uploader plugins, HTML5 (isn't supported in IE, but doesn't work as desired in Chrome either), IFrame, and Flash.</p>
  
  <p>An I misunderstanding how uploadOnSelect is supposed to work? Why is the uploader not uploading the file after it is selected?</p>