File Drop: Handle file upload drag and drop operations

Recommend this page to a friend!
  Info   View files View files (5)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
StarStarStar 41%Total: 622 All time: 27 This week: 2Up
Version License JavaScript version Categories
file-drop 1.0.0Public Domain1.0AJAX, Events, Files and Folders
Description Author

This object can handle file upload drag and drop operations.

It can setup page elements to handle file drag and drop operations in a way that works independently of the browser. It works in Firefox 3.6, Internet Explorer 6, Google Chrome 7, SRWare Iron 4, Apple Safari 5 and Opera 11.61.

It uses the File API if the browser supports it or users iframes otherwise.

Files can be uploaded using AJAX requests when dropped in the target elements.

Callback functions may be called when certain events occur like when the mouse pointer enters or leaves a drop target element while dragging a file, a file is dropped, the upload is started, upload progress, the upload is done, etc..

Picture of Pavel
Name: Pavel <contact>
Classes: 1 package by
Country: Russian Federation Russian Federation
Age: 122
All time rank: 362 in Russian Federation Russian Federation
Week rank: 6 Up1 in Russian Federation Russian Federation Up

  Files folder image Files  
File Role Description
Accessible without login Plain text file demo-min.html Example Demo with minimum code.
Accessible without login Plain text file demo.html Example Demo page. Images are not included - get them from the download on the Reference page (see above).
Accessible without login Plain text file filedrop-min.js Class Minified script
Plain text file filedrop.js Class Full script
Accessible without login Plain text file upload.php Data Demo upload script used with the demo page.

 Version Control Unique User Downloads Download Rankings  
This week:0
All time:27
This week:2Up
 User Ratings  
 All time