jQuery Ajax File Upload

December 12, 2008 by admin · 5 Comments
Filed under: jQuery 

Ajax file upload plugin allows users to easily upload multiple files without refreshing the page. In addition, you can use any element to show file selection window.

This plugin creates invisible file input on top of the button you provide, so when user clicks on your button the normal file selection window is shown. And after user selects a file, plugin submits form that contains file input to an iframe. So it isn’t true ajax, but brings same user experience.


Advantages

  • AJAX like behaviour using iframe technique. (AJAX does not support file handling)
  • Multiple file upload
  • Allowed file types can be specified
  • Callback functions for all events
Dependencies jQuery 1.2
Size 4KB
Restrictions None (Free to use on any site)

For demo and download, please check the links

Open Demo | Open demo in new window | Info & Download

Related posts:

  1. Fancy Upload – Ajax file upload for MooTools
  2. jQuery Impromptu – alert and confirm replacement with form support
  3. How to make your forms better with jQuery?
  4. jQuery BlockUI Plugin
  5. Three jQuery modal plugins to repace alert and confirm

If you like this post, please share it so that others can also find this

Comments

5 Responses to “jQuery Ajax File Upload”
  1. valums says:

    This plugin supports prototype too.

  2. craig says:

    Nice work,

    A thumbnail preview of uploaded image would be nice.

  3. egetway says:

    nice ajax upload

Trackbacks

Check out what others are saying about this post...
  1. [...] Again, browser dependent thing which is almost impossible to style. Using Flash or Iframe, an Ajax effect can be achieved here. jQuery Plugins for Ajax upload [...]



Speak Your Mind

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!