/simple-upload

A simple drag and drop plugin for uploading files

Primary LanguageJavaScript

jQuery Simple File Upload

Introduction

A very simple jQuery plugin that allows for file upload.

Setup instructions

The usage is very simple. Check the index.html for the minimum (and only) way to use it

$("your div").simpleUpload(url, cssEffect)

The url is the url for the upload server and the cssEffect is the name of the class that you want to apply when you drag files over the drop zone.

Example:

	$(function() {
		$("#dropzone").simpleUpload("http://example.com/upload", "dragover");
	});
and the html code:

	<div id="dropzone">
		<input type="file" name="images" multiple>

	</div>

The ajax request will create a form (multipart/form-data) with name image="file data" from which you can extract the file data and store them. For multiple files there will be one request per file.

Features

  • Multiple file upload:
    Allows to select multiple files at once and upload them simultaneously.
  • Drag & Drop support:
    Allows to upload files by dragging them from your desktop or filemanager and dropping them on your browser window.
  • Progress bar: Not Supported yet. you can edit the code and implement your own.

Requirements

  • jQuery v. 1.6+ (1.7.2 is included)