Works with any backend npm install Zero dependencies

In Form

Embed the uploader inside an HTML form. Uploaded file GUIDs are stored in a hidden input and submitted with the form.


Drag & drop files here
<form action="/api/submit" method="post">
 <input type="text" name="name" />
 <input type="hidden" name="fileGuids" id="fileGuids" />
 <div id="myUploader" class="mu-uploader">...</div>
 <button type="submit">Submit Form</button>
</form>
var guids = [];
var uploader = new MultipleUpload(document.getElementById('myUploader'), {
 uploadUrl: '/api/upload',
 onComplete: function(file, response) {
 guids.push(response.guid);
 document.getElementById('fileGuids').value = guids.join(',');
 }
});