Uploader DnD test

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 method="post" action="UploadFile.php" id="myForm" enctype="multipart/form-data" >
					<fieldset>
					
        
					
						<div id="files" data-dojo-type="dojox/form/uploader/FileList" data-dojo-props='uploaderId:"uploader"' ></div>
					</fieldset>
				</form>

<div id="dropTarget">Drop files here !</div>

CSS

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

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

JavaScript

require([
    'dojo/parser',
    'dojo/dom',
    'dijit/registry',
    'dojo/ready',
    'dojox/form/Uploader',
    'dojox/form/uploader/FileList',
    'dojox/form/uploader/plugins/HTML5',
    'dojo/domReady!'
], function(parser, dom, registry, ready){
    var dropTarget = dom.byId('dropTarget'), uploader;
    parser.parse().then(function(){
        // You need to use dojox.form.Uploader, as in dojo 1.8, the module is not fully AMD compliant yet.
        uploader = new dojox.form.Uploader({
            name:'uploadedfile', 
            label:'Select Some Files',
            multiple:true, 
            force:'html5'
        }, 'uploader');
        
        if(require.has('file-multiple')){
            debugger;
            console.debug("Adding a new drop target");
            registry.byId('uploader').addDropTarget(dropTarget); 
        }
    });
});