HTML5 ImageUploader Example

Jersey resource

Todo List

• Input type file (multiple) for image selection
• Javascript unit tests on behaviour of ImageUploader module
• Drag and drop image selection
• Client-side image preview in div / img / canvas
• Upload progress bar
• Client side resize to specified max width and/or height using Canvas and bilinear interpolation
• web workers if supported for client side operations such as resize algorithm
• XMLHttpRequest2 for file upload with progress status
• Check for required javascript APIs (XMLHttpRequest2 and FileReader?) in current browser with optional callback for behaviour
• Handle on error of XMLHttpRequest
• Optional timeout in config to trigger on error

The ImageUploader in all its glory!