MU MultipleUpload Package 1.0.0
Direct Download Bundle

Offline docs, reference, and starter demos in one package.

This bundle ships the production files, browsable HTML documentation, and standalone demos that use the same MultipleUpload build you can deploy in your own app.

Version 1.0.0 Zero dependencies UMD + TypeScript types

Start Here

Open these pages first if you want the quickest path from download to working integration.

Getting Started

Install, initialize the uploader, and wire the expected JSON response.

Read the guide

API Reference

Review the current constructor options, callbacks, methods, and static helpers.

Open the reference

Demo Guide

See what each included demo covers and which file to copy for your use case.

View demo guide

Included Demos

Each demo uses the packaged build in dist/ and is safe to copy into a local project.

Overview

The smallest complete uploader setup with queue, preview, and progress.

Open demo

Chunked Upload

Large-file upload with chunk sizing, retry-safe headers, and live task stats.

Open demo

Validation

Extension, MIME, duplicate, size, and custom business-rule validation in one place.

Open demo

Image Pipeline

Resize, compress, watermark, auto-orient, and hash images before upload.

Open demo

Events Console

Trace callbacks and queue changes to understand the upload lifecycle.

Open demo

Minimal Markup

The default uploader works with a small amount of HTML and a single constructor call.

<link rel="stylesheet" href="./dist/multipleupload.css">
<script src="./dist/multipleupload.js"></script>

<div id="uploader" class="mu-uploader">
    <button type="button" class="mu-select-btn">Select Files</button>
    <input type="file" class="mu-file-input" multiple style="display:none" />
    <div class="mu-dropzone">
        <div class="mu-dropzone-text">Drag & drop files here</div>
    </div>
    <div class="mu-preview-area"></div>
    <div class="mu-progress" style="display:none">
        <div class="mu-progress-bar"><div class="mu-progress-fill"></div></div>
        <div class="mu-progress-text"></div>
    </div>
    <div class="mu-queue"></div>
</div>

<script>
new MultipleUpload('#uploader', {
    uploadUrl: '/api/upload',
    multiple: true
});
</script>
Licensed customers: replace dist/multipleupload.lic with the file from Client Center. The runtime auto-loads a sibling multipleupload.lic.