Demo implementation

The jQuery File Upload Demo is always equipped with the latest version of the source files (jquery.fileupload.js, jquery.fileupload-ui.js and jquery.iframe-transport.js).

In addition to the jQuery and jQuery UI libraries and the files distributed with the jQuery File Upload Plugin, the demo utilizes the jQuery Templates Plugin, the official jQuery Cookie Plugin, the jQuery Image Gallery Plugin and a JavaScript file with localization strings.

The demo extends the File Upload plugin with a customized widget class: jquery.fileupload-uix.js
Extending the widget class is the recommended way for customized versions.

For Performance Optimizations, the JavaScript files are merged and minified into one minified JavaScript file.

Un-minified versions of the demo JavaScript files can be found here:

• http://aquantum-demo.appspot.com/static/js/jquery.tmpl.js
• http://aquantum-demo.appspot.com/static/js/jquery.cookie.js
• http://aquantum-demo.appspot.com/static/js/jquery.iframe-transport.js
• http://aquantum-demo.appspot.com/static/js/jquery.image-gallery.js
• http://aquantum-demo.appspot.com/static/js/jquery.fileupload.js
• http://aquantum-demo.appspot.com/static/js/jquery.fileupload-ui.js
• http://aquantum-demo.appspot.com/static/js/jquery.fileupload-uix.js
• http://aquantum-demo.appspot.com/static/js/localization/en.js
• http://aquantum-demo.appspot.com/static/js/application.js

Note that these files are sent with a far future Expires header, so you might need to refresh your browser cache to retrieve the latest versions (the demo itself uses IDs appended as query parameter to the files to make sure browsers get the latest versions).

The server-side of the demo is written in Python on Google App Engine.
With App Engine, adding a thumbnail picture for uploaded files is very easy thanks to the get_serving_url method of the Images API. You basically just create a special link to the uploaded file with the thumbnail size as parameter.