Uploader DnD test

by psoares

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8.4/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8.4/dojox/form/resources/UploaderFileList.css">
<form id="myform" method="post" enctype="multipart/form-data">
    <input type="hidden" name="message" value="something" />
    <div id="uploader"></div>
</form>

CSS

body, html {
    width : 100%;
    height : 100%;
}

#dropTarget {
    width : 100%;
    height : 50;
    border : 3px dashed red;
}

JavaScript

require(['dojox/form/Uploader',"dojo/dom",
         "dojox/form/uploader/plugins/IFrame",
         "dojo/domReady!"], function(Uploader, dom){

     var myUploader = new Uploader({
        label: "Select files",
        multiple: false,
        uploadOnSelect: false,
        url: "UploadFile"
      }, "uploader");
    
             myUploader.on('change', function(files){
                myUploader.submit(dom.byId("myform"))
             });
     myUploader.startup();

});