Skip to content


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
60 lines (57 sloc) 2.041 kb
<!DOCTYPE html>
<title> - HTML5 multiple file uploader with drag and drop.</title>
<link href="//" rel="stylesheet" type="text/css">
<link href="//" rel="stylesheet" type="text/css">
<link href="" rel="stylesheet" type="text/css">
<style type="text/css">
body { padding: 20px; }
#dropTarget {
width: 400px;
margin: 12px 0;
text-align: center;
min-height: 120px;
padding: 6px;
border-radius: 8px;
border: 1px solid #ccc;
background-color: #eee;
.targetActive {
box-shadow: 0 0 15px #006666;
<body class="claro">
<h1>HTML5 demo: Multiple file upload with dojo and PHP</h1>
<p>This demo uses the dojotoolkit and PHP to handle multiple file upload with drag and drop. It lets you pause/resume your upload even after an error.
Works with Mozilla Firefox 3.6 and Google Chrome 7.</p>
<div id="dropTarget"><p>Drop files from your desktop here</p></div>
<form><input type="file" id="fldFiles" multiple></form>
<p>Note: pause/resume only works with Firefox 4.</p>
<p>Download the <a href="">demo code from github</a> or <a href="">leave a comment</a>.</p>
<script type="text/javascript">
var dojoConfig = {
async: true,
locale: 'en-us',
packages: [
{ name: 'snet', location: '/'}
<script src="//" type="text/javascript"></script>
<script type="text/javascript">
require(['dojo/_base/kernel', 'dojo/ready', 'snet/fileUploader/Uploader'], function(kernel, ready, Uploader) {
ready(function() {
var upl = new Uploader({
url: kernel.moduleUrl('snet') + 'fileUploader/upload-controller.php',
dropTarget: 'dropTarget',
fileInputField: 'fldFiles',
maxKBytes: 50000,
maxNumFiles: 10
Jump to Line
Something went wrong with that request. Please try again.