anoFile - Lightweight jQuery Ajax File Upload

We have designed this lightweight ajax file upload plugin for jQuery to enable developers to implement file uploads with ease. It's fast, easy to implement, easy to modify (doesn't include unnecessary stuff) and applicable even in the most complicated situations such as dialog windows, twitter bootstrap modals etc.


Features

  • Lightweight
  • Built on top of jQuery
  • Suitable for mobile development
  • Free for personal and commercial use
  • Multiple callback listeners

Developer Guide

Implementing ajax file upload with anoFile is easy but a bit different compared to using standard jQuery Plugins.

There are a few essential actions that need to be done in order to implemenent the plugin correctly.

Once called, the plugin will create a file input and append it in a specified container element (HTML). The container must be located within a form with enctype parameter set to multipart/form-data and action set to the file that handles the server side upload

<form method="post" action="index.php" enctype="multipart/form-data" data-upload="upload.php"></form>

Once this form is provided we can then attach the upload input to any element inside the form.

Pay attention to data-upload parameter. The AJAX upload will use the path in this attribute for server side file upload.

A working example can be found in the online demo.

The most useful part of the script are it's callback functions: before() and success(). They can be used to show a preload image or receive the list of all the uploaded files and do extra action if needs be.

Configuration options

before(event) Callback
Function that is called prior to file upload
success(event, ui)

Callback
Function that is called after file upload is complete

Parmeters

event - Event
ui - JSON Object

ui.input - The file input parent element
ui.json - JSON outputted by the upload script

Demo

Please find below a link to online demo of anoFile - Lightweight jQuery Ajax File Upload

Download

Please find below a link to downloadable Zip file.

Report an issue/bug

Please use the following form to report an issue/bug you've found in anoFile - Lightweight jQuery Ajax File Upload. We will review the reported issue and get in touch with you as soon as possible.
* Note:Your email and personal information WILL NOT be used for any other purpose except for posting back bug related information.



If you like this tool, share it with your friends

Who are we

Anowave is in business since year 2007. Since then we've been developing web sites for customers in UK. We are focused primarily on providing web based solutions build on top of open source technologies such as PHP, MySQL etc. The company is powered by highly skilled professionals including top level software developers, talented graphic designers and broadminded managers.

Unlike other development companies, we are focused on providing a solid, high performance and 100% bespoke software for our clients and partners. We've been developing an in-house content management system called Anowave.