I have tried to collect some of the best and customizable components that can be used with minimum efforts to upload a file through ajax and php. I know lots of people face the problem and always keep searching for such components. I hope this post will make their search destined.
1. Webtoolkit ajax file upload
Ever wanted to upload files using AJAX like in GMAIL, without reloading the page? Now you can. Cross browser method to upload files using AJAX in only 1Kb of code.
2. Max’s AJAX file uploader
Max’s AJAX file uploader is a simple and easy to use script, which allows you to upload files to your webserver without reloading the current page. During the upload an animated progress bar is shown. The server side is written in PHP.
3. Captain universe AJAX file upload tutorial
Very simple and straight defined way to upload file using php and ajax.
4. Class: Ajax file uploader
Class based approach to upload files through ajax and PHP. the code is tested and reliable to work in most of the environments and is easy to modify according to requirements.
5. Asynchronous file upload
Asynchronous file uploads is quote popular feature in modern AJAX web-applications. However standard AJAX classes (XmlHttpRequest) does not have capabilities to process or send files selected with “file dialog” (input type=”file”). This article contains example application (trivial file-sharing service, like rapidshare, megaupload or yousendit) which uses embedded frames (IFRAME) to upload file. While file is uploaded to hidden frame, user can still access web-page and fill “file description” field.
6. Ajaxlines file upload tutorial
The code let you make ajax based file upload script using iFrame with php and javascript
7. Uploadify jquery upload plugin
Uploadify is a jQuery plugin that allows the easy integration of a multiple (or single) file uploads on your website. It requires Flash and any backend development language. An array of options allow for full customization for advanced users, but basic implementation is so easy that even coding novices can do it.
8. Jquery multiple file uploader
The Multiple File Upload Plugin (jQuery.MultiFile) is a non-obstrusive plugin for the jQuery Javascript library that helps users easily select multiple files for upload quickly and easily whilst also providing some basic validation functionality to help developers idenfity simple errors, without having to submit the form (ie.: upload files).
9. PHP Letter jquery ajax file upload plugin
This AjaxFileUpload Plugin is a hacked version of Ajaxupload plugin created by yvind Saltvik, which is really good enought for normal use. Its idea is to create a iframe and submit the specified form to it for further processing.
10. Web developer plus jquery plugin for file upload
Fully customizable form that not even use the file select component of browser.
11. Andrew Valums Ajax Upload
AJAX Upload allows you to easily upload multiple files without refreshing the page and use any element to show file selection window. It works in all major browsers and doesn’t require any library to run. AJAX Upload doesn’t pollute the global namespace, and is tested with jQuery, Prototypejs.
12. Fancy upload with mootool
FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar. It is easy to setup, is server independent, completely styleable via CSS and XHTML and uses MooTools to work in all.
13. Ajaxupdate multi file upload with mootool
Gives you ability to use mootool javascript library to upload multiple files in a single instance.
14. Fancy Upload – Ajax file upload for MooTools
Fancy upload is a nice and excellent replacement for the file input field. It uses a flash component called swiff for file upload and other features. But instead of displaying the flash interface, it uses javascript to interact with the flash component and the appearance is fully skinnable using CSS & HTML.
15. JqUploader
jqUploader is a jquery plugin that substitutes html file input fields with a flash-based file upload widget, allowing to display a progressbar and percentage. It is designed to take most of its customization from the html code of your form directly – so you don’t have to do things twice . For instance, the maximum file size, if specified via html, will be recognized and used in the rich upload interface generated by jqUploader.
Leave a Reply