I built my own Dropbox where friends, family members and me easily can drop files. It uses the FileAPI and works at least in Firefox 8 and Chrome 16, IE will may work when it gets to version 10. Latest versions of Safari should also work.
- Stand-alone class, no external dependencies, no libraries required
Rich user experience:
- Main progress of all dropped files
- Eta, Quota and size calculations in realtime
- New: Now the FileDropper features speed meters for current and average speed
- Shows the image, if dropped file is an image
- Responsiveness: Continue dropping files whilst uploading other files
- Responsiveness: A rich state management informs the user about every step in detail (current action and file, size of file, progress)
- Set a maximum upload size to let the FileDropper skip files before uploading them
- Pause and resume the upload queue
- Cancel single uploads in the queue or all files
- Continue dropping files whilst the FileDropper is working
- See realtime quota calculations and balance time calculations exact to the second
- Provide your own language if you want, eight customizable language keys
- Provide your own rules for files, that are not allowed to upload, shipped with two built-in rules
- Rich error and response management, bind your own callbacks to that
- Helper functions for formatting file names and -size strings
- Many useful methods to access realtime-calculated instance members and check the state of the FileDropper
What you need
Not much, as you see this is the following HTML structure, that is sufficient for doing all the tricks. Though my implementation uses all available callbacks and also features a logon based system, but the following is all you need.
Try & Download
As mentioned above, I've done a fully featured implementation of the FileDropper with all available callbacks. You can try it out yourself, but you will have to login with user „Anonymous“, the password is empty. I also used jQuery for my customized code, but the FileDropper itself comes without this dependency. You will find the download at the end of this series of articles.
The FileDropper and its belonging files are not available for download anymore. Please head over to the AwsmUploader, its successor.