Skip to main content

Fanstatic packaging of jquery-html5-upload

Project description

js.html5_upload
*************

Introduction
============

This library packages `jquery-html5-upload`_ for `fanstatic`_.

.. _`fanstatic`: http://fanstatic.org
.. _`jquery-html5-upload`: https://github.com/mihaild/jquery-html5-upload

This requires integration between your web framework and ``fanstatic``,
and making sure that the original resources (shipped in the ``resources``
directory in ``js.html5_upload``) are published to some URL.


jquery-html5-upload Documentation
=================================

HTML5 allows attribute multiple in input tag. It is possible to select multiple files in one dialog without flash.
With this plugin, you can easy upload multiple files and display progress of uploading.
Works in modern versions of Firefox and WebKit browsers.
Wasn't tested in IE.

This plugin is very simple. I think, everything is clean from it's source. But if you want to have a list of it's options - they are presented below.

## Options

### Events

All events except "change" used by plugin have prefix "html5_upload.".

#### Events used by plugin

It is not recommended to set handlers for this events manual.

**start**
Start upload selected files

**cancelOne**
Cancel upload of currently uploading file

**cancelAll**
Cancel current uploading

**destroy**
Removes traces of plugin work

#### On* events

This events can be set by passing it to plugin constructor.
When presented,
**name** if the current file **name**,
**number** is the number of current file,
**total** is count of currenly selected files.

`onStart(event, total)`
Called when starting upload files.

`onStartOne(event, name, number, total)`
Called when a file begins uploading.

`onProgress(event, progress, name, number, total)`
Called when a `progress` part of file (0 <= `progress` <= 1) was uploaded.

`onFinishOne(event, response, name, number, total)`
Called when one file was uploaded. `response` is the server response.

`onFinish(event, total)`
Called when all files was uploaded.

`onError(event, name, error)`
(not fully implemented yet)
Called when XMLHttpRequest has an error.

### gen* and set* options

Sometimes you need no full control on all plugin events. If so, you can pass the gen* and set* functions to automatically set messages.

#### gen* functions

By default, they use STATUSES option to generate the text.

`genName(file, number, total)`

`genStatus(progress, finished)`
**progress** is a fraction. **finished** is true if file uploaded and response otained.

`genProgress(loaded, total)`
**loaded** is count of bytes of current file which currently loaded, **total** is current file size.

#### set* function

This functions get plain text from **set*** functions

`setName(text)`

`setStatus(text)`

`setProgress(text)`

### Other options

**autostart** (bool) start when the input value is changed

**autoclear** (bool) clear the input value when all files are uploaded

**stopOnFirstError** (bool) cancel uploading remaining files if an error occurred

**url** (string|function) url where send files, or function which will return it

**sendBoundary** (bool) format headers to emulate usual form file sending.

**fieldName** (string|function) if setBoundary is true, value for file field name


CHANGES
*******

0.0.1
=====

- Initial release.

Project details


Release history Release notifications | RSS feed

This version

0.1

Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

js.html5_upload-0.1.tar.gz (6.5 kB view hashes)

Uploaded Source

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page