Skip to content

jQuery plugin for initiating uploads with drag/drop [non-inplace replacement for jquery-filedrop with better extendability, less clutter and better documentation]

Notifications You must be signed in to change notification settings

pomle/jquery-dropUpload

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

68 Commits
 
 
 
 
 
 
 
 

Repository files navigation

jQuery plugin for drag/drop uploads in HTML5

Based on the examples of Mika Tuupola (http://www.appelsiini.net/2009/10/html5-drag-and-drop-multiple-file-upload) and the jquery-filedrop plugin by Weixi Yen (https://github.com/weixiyen/jquery-filedrop).

  • NOT an in-place replacement for jquery.filedrop.js

  • Fixes multiple bad practices

  • Adds event for when File is added to queue

  • Still uses HTML5 FileReader() to read file data

  • Improved code documentation

  • Data attached to a File tended to get lost with jquery.filedrop when several files are were queued

  • File size limit in bytes

Key differences to jquery.filedrop

  • Added onFileQueued event

  • Added onQueueCompleted event

  • Custom meta data is supplied per file

  • File size limit should be provided in bytes

  • No speed calculation

  • Response not parsed for JSON automatically anymore. If you expect JSON as response you have to run jQuery.parseJSON() in your onFileSucceeded callback

Browser Support

I can only guess, but tested and works with

  • Google Chrome 17.0.963.46 m

  • Mozilla Firefox 10.0.1

Usage Example

See Example.html

About

jQuery plugin for initiating uploads with drag/drop [non-inplace replacement for jquery-filedrop with better extendability, less clutter and better documentation]

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 99.5%
  • PHP 0.5%