An integration of Transloadit with custom progressbar and support for jQuery.validate
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
Readme.md
transloadit_progress.js
transloadit_upload.js

Readme.md

What is this?

This is a javascript implementation of a custom Uploader for Transloadit (http://transloadit.com). This serves as a showcase about how to render your own progress bar and how to integrate Transloadit with jQuery.validate (http://bassistance.de/jquery-plugins/jquery-plugin-validation/).

How to install

On your webpage make sure to:

After that create the following html code on your webpage:

  <div class="js_upload">
    <form action="/">
    <!-- your form code here -->
    </form>
    <div class="progress js_progress"></div>
    <div class="js_error_url">http://url-to-redirect-to-if-there-is-an-upload-error</div>
  </div>

And finally call the transloaditUpload() function on your upload div:

  $('.js_upload').transloaditUpload();

#Customizations

Validation rules for the jQuery validate plugin need to be directly made in the code of your fork of the plugin.