JS API

Control the uploader programmatically using the JavaScript API. Use buttons below to add files, start upload, reset, or cancel all.

Drag & drop files here

<button id="btn-addfiles">Add Files</button>
<button id="btn-upload">Upload All</button>
<button id="btn-reset">Reset</button>
<button id="btn-cancel">Cancel All</button>

<div id="myUploader" class="mu-uploader">...</div>

var uploader = new MultipleUpload(document.getElementById('myUploader'), {
 uploadUrl: '/api/upload',
 autoUpload: false
});

document.getElementById('btn-addfiles').addEventListener('click', function() {
 uploader.browse();
});
document.getElementById('btn-upload').addEventListener('click', function() {
 uploader.upload();
});
document.getElementById('btn-reset').addEventListener('click', function() {
 uploader.reset();
});
document.getElementById('btn-cancel').addEventListener('click', function() {
 uploader.cancelAll();
});