jQuery Ajax File Uploader Widget View on GitHub

A very lightweight Plugin for file uploading using ajax(async) and includes support for queues, progress tracking and drag and drop.

• Basic
• Single Upload
• Controls
• Image Preview
• Controls & Queue
• No Queue

On this example there is no queue nor the files will start uploading auto, you can use the global controls to start ALL pending files or cancel those uploading. Also individual controls are provided. View widget settings used for this example.

// Plugin settings:
$('#drag-and-drop-zone').dmUploader({
  url: '/demo/java-script/upload',
  maxFileSize: 3000000, // 3 Megs max
  auto: false,
  queue: false,
  // ...
});

// API: Start button
// id optional, if not provied it will start ALL files
$('#drag-and-drop-zone').dmUploader('start', id);

// API: Cancel button
// id optional, if not provied it will stop
// ALL files currently uploading.
('#drag-and-drop-zone').dmUploader('cancel', id);