Raible's Wiki: CreateAnAJAXBasedFileuploadProgressbarDialog

Raible's Wiki

Raible Designs
Wiki Home
News
Recent Changes

AppFuse

Homepage
  - Korean
  - Chinese
  - Italian
  - Japanese

QuickStart Guide
  - Chinese
  - French
  - German
  - Italian
  - Korean
  - Portuguese
  - Spanish
  - Japanese

User Guide
- Korean
- Chinese

Tutorials
  - Chinese
  - German
  - Italian
  - Korean
  - Portuguese
  - Spanish

FAQ
- Korean

Latest Downloads

Other Applications

Struts Resume
Security Example
Struts Menu

Set your name in UserPreferences

Referenced by
Articles

JSPWiki v2.2.33

Hide Menu

CreateAnAJAXBasedFileuploadProgressbarDialog	Search Wiki:
Your trail:

This is version 6. It is not the current version, and thus it cannot be edited.
[Back to current version] [Restore this version]

How to Create an AJAX based fileupload progressbar dialog

This HOWTO shows how i combined AJAX Struts File Upload Progress Meter

with a custom tweaked version of Lightbox Gone Wild!

to create a user friendly upload progress bar dialog with the webpage below faded out. This means that users are unable to click on any links on the website and lets the visual indication of how much is left of the file transfer.

Create a struts based Appfuse project

Install the serverside utility classes

Configure DWR

Test DWR

Create css and javascript files

Create the Struts Action

Create the Atruts JSP incliding the form

Attachments:

productivity.jpg		18309 bytes
FileUploadForm.java		2933 bytes
fileupload-js.zip		40613 bytes
fileupload.zip		14762 bytes
dwrLightboxFileupload.jpg		112283 bytes
DWRTest.jpg		155595 bytes
AjaxFileTransfer.jpg		93101 bytes

Go to top More info... Attach file...

This particular version was published on 06-Nov-2006 13:52:56 MST by HelgeTesgaard.