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

This example is similar to the Basic one, except the files won't automatically start uploading, so you have to use the controls provided to interact with the Widget using the API to start or stop the queue. 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: true,
  // ...
});

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

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