File Extensions

Allow only specific file types by setting allowedExtensions. This demo accepts only .jpg, .png, and .gif files.

Drag & drop .jpg, .png, or .gif files here

<div id="myUploader" class="mu-uploader">
 <button type="button" class="mu-select-btn">Select Images</button>
 <input type="file" class="mu-file-input" multiple accept=".jpg,.png,.gif" style="display:none" />
 <div class="mu-dropzone"><div class="mu-dropzone-text">Drag &amp; drop .jpg, .png, or .gif files here</div></div>
 ...
</div>

var uploader = new MultipleUpload(document.getElementById('myUploader'), {
 uploadUrl: '/api/upload',
 allowedExtensions: ['jpg', 'png', 'gif']
});