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.

Enter code displayed in the image.


If you like this tool, share it with your friends

Extensions for Magento

Anowave is an extension developer for Magento 1.x and Magento 2.x platforms. We provide a wide range of premium extensions for our in-house and public clients. The extensions we offer extend the capabilities of Magento and provide bespoke functionality. They also fill some gaps in the functionality provided by the base platform and help customers choose Magento as their preferred eCommerce platform.

The extensions we offer are part of our full-range Magento service, which also includes a Premium Helpdesk where customers can speak with actual software engineers and have their issues resolved without hassle. Premium-labeled modules also include free installation, configuration, testing, etc.