the project

DragDropUpload is an AJAX/php web application that allows drag and drop file uploading through the javascript file API. As more browsers will support the File API we aim to make this project the number one open source uploading tool. You can find a demo here

DragDropUpload 3.00 stable

Changes:

  • Major cleanup
  • ProgressBar works fine now
  • Less memory used serverside (due to corrections noted by m0sc0, check the forum)
  • Still I am missing some icons

DragDropUpload 2.93 beta

Changes:

  • Added trash
  • Added allowed file types configuration (on the demo only images and text are allowed)
  • Firefox also supports xhr.send(file) like chrome so this method is used for both browsers
  • Fixed some inconsistencies and bugs
  • Code was cleaned up (a little)

DragDropUpload 2.90 beta

Chrome supports the File Api now. Not exactly like firefox, some tweaks were required.

Changes:

  • New user interface
  • Now with a normal upload box for other browsers
  • Google Chrome support (safari maybe - untested)

Some thoughts:

I started implementing a google gears support so that chrome users, and IE with gears could use the drag and drop functionality. In the middle of the work I realized that unlike about a month ago, Chrome natively supports the FileReader object so being a new technology I shifted the interest there. Some of the gears code is already there on the server side, but I never realized the client-side script. If you think this is an important functionality, I will try to incorporate it in the script. (It requires more fine-grained browser control because we want FileReader to be used in priority then gears if available.
Please write your thoughts on the forum, or e-mail me at qwazix@outofbounds.gr

Known Issues:

  • When dragging there are more icons than when loading the files from the server
  • Images work alright, other files are untested, especially with the old-fashioned method
  • Opera and Safari not tested

Things I want to do:

  • Sort by
  • File Details
  • Draggability - Trash

the project

DragDropUpload is an AJAX/php web application that allows drag and drop file uploading through the javascript file API. As more browsers will support the File API we aim to make this project the number one open source uploading tool. You can find a demo here

DragDropUpload 2.00

This new version uses the new File API of firefox and not the proprietary getAsBinary() function. No other changes made. May still have bugs.

DragDropUpload 1.99 beta

Here is the beta of the new version, now it shows all the files already on the server and allows you to delete them. Report bugs on the forums!

credits

this project is based on code found here http://demos.hacks.mozilla.org/openweb/uploadingFiles/
and here http://demos.hacks.mozilla.org/openweb/uploadingFiles/
and here http://yehudab.com/apps/drag-n-drop/demo.html
and here http://lenss.nl/2010/01/drag-drop-uploads-with-xmlhttprequest2-and-php/
The application was developed by outofbounds for a project and we decided to make it open source.
The template was designed by http://www.freecsstemplates.org/
The sortable table has been taken from here and the project is hosted on http:///www.sourceforge.net/