LightLoader
Track Multiple File Uploads Using AJAX
With Progress Bar
Here you can test out the AJAX file upload script. You can actually see if it works before you even download it. This employs a similar method to what is found in the GMail file upload, using a hidden IFRAME to post the file and AJAX to check the progress. There is also a tester script in the zip file for you to upload to your server to make sure that you have all the settings correct. Instructions are also in the zip file.
Like this script? Digg It!
- Really small size of download.
- No reliance on Prototype.js
- Full JavaScript Object Notation - fewer global variables to mess up other code
- You can actually STOP the requests made to monitor the progress of the file uploads. Scripts that rely on Prototype are next to impossible to stop.
- This script automatically checks for potentially harmful file uploads.
- Also does cleanup of old files that may not be able to deleted immediately (optional, uncomment in source code).
- Includes a handy way of sending and recieving full OBJECTS (not query strings or XML) using JSON.
Currently, only support for PHP is available.
Select a file in the boxes above, and watch the progress bar as the file uploads. Maximum file size for this demo is around 500KB. The only maximum size is limited only by connection and maximum script running length. The upload fields above employ AJAX to give a real time update of the progress of files as they are uploading.
With traditional methods of file uploading, your visitors have to stare at the form they just submitted - or a blank page, while the data uploads. With this AJAX file upload script, your visitors do not have to wonder if the page is working or not. They will know as the progress bars update themselves as the file uploads. There can potentially be an unlimited number of uploads - the only real limit is the visitor's upload speed.
This script also checks the types of files being uploaded so that users cannot upload files that would potentially harm your server.
Check out the speed report for page size! (It might take a minute to run the report - this is on another website). This site uses GZip compression, which further reduces text file sizes than what they already are.
Like what you see? Use our contact page to get a quote!