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
Other Applications
Struts ResumeSecurity Example
Struts Menu
Set your name in
UserPreferences
UserPreferences
Referenced by
Articles
JSPWiki v2.2.33
![[RSS]](https://raibledesigns.com/wiki/images/xml.png "Aggregate the RSS feed")
Hide Menu
CreateAnAJAXBasedFileuploadProgressbarDialog |
|
| Your trail: | |
This is version 5.
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. |