Login   Register  

File Drop: Handle file upload drag and drop operations

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us

  Author Author  
Picture of Pavel
Name: Pavel <e-mail contact>
Packages: 1 Browse all classes by Pavel Browse all classes by
Country: Russian Federation Russian Federation - JavaScript jobs in Russian Federation
Age: 114
All time rank: 352 in Russian Federation Russian Federation
Week rank: 65 Down2 in Russian Federation Russian Federation Equal

  Detailed description   Download Download .zip .tar.gz  
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..

  Classes of Pavel  >  File Drop  >  Download Download .zip .tar.gz  >  Support forum Support forum  >  Blog Blog  >  RSS 1.0 feed RSS 2.0 feed Latest changes  
Name: File Drop
Base name: file-drop
Description: Handle file upload drag and drop operations
Version: -
JavaScript version: 1.0
License: Public Domain
All time users: 529 users
All time rank: 30
Week users: 0 users
Week rank: 54 Equal
  Groups   Rate classes User ratings   Applications   Related links   Files Files  

Group folder image AJAX Asynchronous JavaScript and XML View top rated classes
Group folder image Events Handle and process registered events View top rated classes
Group folder image Files and Folders Listing, accessing and manipulating files and folders View top rated classes

  User ratings  
There are not enough user ratings to display for this class.

  Applications that use this class  
No application links were specified for this class.
Add link image If you know an application of this package, send a message to the author to add a link here.

  Related links  
Link Description
Online demo Online demo page
Reference Full API reference and the feedback page

  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.

Download Download all files: file-drop.tar.gz file-drop.zip
NOTICE: if you are using a download manager program like 'GetRight', please Login before trying to download this archive.