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.

Why this script is better than most other AJAX upload scripts:

* 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.

Demo: http://www.seemysites.net/projFolder/uploader/

Download:http://www.seemysites.net/projFolder/uploader/lightloader.zip

Source: http://www.seemysites.net/projFolder/uploader/

Related Listings:

1. Multiple file upload – Moo tools It’s about 18 months since I released my simple script...
2. Ajax Style File upload for .Net If you visit Asp.net Ajax Forum, you will find hundreds...
3. DGTMLXVault – DHTML Extensions File Uploader DhtmlxVault (DHTML extensions File Uploader) helps you to implement a...
4. Ajax Progress Bar Sometimes, when we are building websites and web applications, we...
5. uploadify – A file upload plugin using jQuery This plugin allows you to change any element with an...

Do you like this post?

Email: