10+ useful file upload plug-in
According to Wikipedia :
File Uploading, is the sending of data from a local system to a remote system,such as a server, or peer, with the intent that the remote system should save a copy of whatever is being transferred.
Today we listed 10 Incredibly Useful Collection of file upload plug-in for jQuery etc. We obviously cannot cover all the best from the web, but we have tried to cover as much as possible.
Uploadify is a jQuery plug-in that allows the easy integration of a multiple (or single) file uploads on your website. To use Uploadify on your web server 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. Uploadify is free to used in a number of applications and commercial products and it released under the GPL and MIT licenses.
FancyUpload is powerful and elegant Ajax uploader . 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 modern browsers.
jqUploader is a jquery plugin that substitutes html file input fields with a flash-based file upload widget, allowing to display a progress bar and percentage. so you don’t have to do things twice . it is easily Customize directly from the html code of your form . For instance, the maximum file size, if specified via html, will be recognized and used in the rich upload interface generated by jqUploader.
The MooTools based Multiple file uploader is a light weighted powerful and elegant uploader. (it weighs in at just 2.5K). some simple CSS, an example HTML file and a readme (which is basically identical to the extended comments at the top of the source code).
This Ajax File Upload Plug-in is a hacked version of Ajaxupload plug-in created by yvind Saltvik, which is really good enough for normal use. Its idea is to create a iframe and submit the specified form to it for further processing. It simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages.
With this trick I will show you how to create Ajax like version of the file upload. The trick is very simple, I will use an Iframe to upload the file so the whole page does not get refreshed and when the post is in progress it will show a dummy progress.
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. 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.Currently, LightLoader Track Multiple File Uploads Using AJAX With Progress Bar support for PHP only.
File upload progress bars using file upload hooks in PHP 5.2.x to generate a progress bar while uploading a file through a HTML form.
File inputs (