Google App Engine

How to use the plugin with Google App Engine's Blobstore

To upload files to the Blobstore of Google App Engine, a new file upload url has to be created for every upload request.

On server-side you need to create a handler, which creates these upload urls and returns them as response to the browser request:

from google.appengine.ext import blobstore
from google.appengine.ext import webapp
class UploadUrlHandler(webapp.RequestHandler):
    def get(self):
        upload_url = blobstore.create_upload_url('/path/to/upload/handler')
        self.response.out.write(upload_url)

On client-side, you can make use of the initCallBack option to retrieve the upload url and override the url setting:

$('.upload').fileUploadUI({
    uploadTable: $('.upload_files'),
    downloadTable: $('.download_files'),
    buildUploadRow: function (files, index) {/* ... */},
    buildDownloadRow: function (file) {/* ... */},
    initCallBack: function (files, index, xhr, callBack, settings) {
        $.get('/upload-url-handler', function (data) {
            callBack({url: data});
        });
    }
});