Raible's Wiki: CreateAnAJAXBasedFileuploadProgressbarDialog

At line 272 changed 9 lines.

!!Central files in this solution

##__{{FileUploadAction.java}}__ - the struts Action responsible for reciving the uploaded files and save them to disk

##__{{lightboxDwrUpload.js}}__ - The modified [Lightbox Gone Wild!|http://particletree.com/features/lightbox-gone-wild/] script used to fade the contend outside the upload dialog. This script looks copies the .innerHtml() from the div tag with id {{lbContent}} to the dialog. See next bullet.

##__{{fileUploadForm.jsp}}__ and lbContent - the jsp page containing the struts form. It contains a {{lbContent}} div tag which represent the html code inserted in the upload dialog. It also contains an embedded javascript with the function {{function upload(form)}} This script only trigger the upload mechanism if one or more files has been selected.

##__{{dwrUpload.js}}__ - This script is the Ajax functions that updates the content of the upload dialog. You can tweak the dialog refresh rate here.

##__{{ExtendedMultiPartRequestHandler.java}}__ - a slightly changed Struts controller (change marked by "Changed this section of code, that is it."). There is one important line here {{{UploadListener listener = new UploadListener(request, 1);}}} The '1' here means delay to 1 millisecond. By increasing this value uploads will take longer time but will also be less CPU intensive.

##__{{engine.jsp}}__ - is actually engine.js extracted from dwr1.x and tweaked to ensure dwr also works with cookies disabled. For details see "Support for DWR without cookies" [http://getahead.ltd.uk/dwr/fixes]. This issue is solved in version 2 of dwr.

##__{{lightboxDwrUpload.css}}__ - Here the opacity can be specified.

##__{{dwrUpload.css}}__ - Here the progress bar can be styled.

__Central files in this solution__

#__{{FileUploadAction.java}}__ - the struts Action responsible for reciving the uploaded files and save them to disk

#__{{lightboxDwrUpload.js}}__ - The modified [Lightbox Gone Wild!|http://particletree.com/features/lightbox-gone-wild/] script used to fade the contend outside the upload dialog. This script looks copies the .innerHtml() from the div tag with id {{lbContent}} to the dialog. See next bullet.

#__{{fileUploadForm.jsp}}__ and lbContent - the jsp page containing the struts form. It contains a {{lbContent}} div tag which represent the html code inserted in the upload dialog. It also contains an embedded javascript with the function {{function upload(form)}} This script only trigger the upload mechanism if one or more files has been selected.

#__{{dwrUpload.js}}__ - This script is the Ajax functions that updates the content of the upload dialog. You can tweak the dialog refresh rate here.

#__{{ExtendedMultiPartRequestHandler.java}}__ - a slightly changed Struts controller (change marked by "Changed this section of code, that is it."). There is one important line here {{{UploadListener listener = new UploadListener(request, 1);}}} The '1' here means delay to 1 millisecond. By increasing this value uploads will take longer time but will also be less CPU intensive.

#__{{engine.jsp}}__ - is actually engine.js extracted from dwr1.x and tweaked to ensure dwr also works with cookies disabled. For details see "Support for DWR without cookies" [http://getahead.ltd.uk/dwr/fixes]. This issue is solved in version 2 of dwr.

#__{{lightboxDwrUpload.css}}__ - Here the opacity can be specified.

#__{{dwrUpload.css}}__ - Here the progress bar can be styled.

At line 282 changed 1 line.

!!Change log4j to see whats going on.

__Change log4j to see whats going on__

At line 286 changed 1 line.

!!Additional thoughts

__Additional thoughts__

At line 289 changed 1 line.

!!Productivity

__Productivity__

At line 292 changed 1 line.

!!Related articles

__Related articles__

At line 296 changed 1 line.

!!Final note

__Final note__

Raible's Wiki

AppFuse

Other Applications

CreateAnAJAXBasedFileuploadProgressbarDialog