Raible's Wiki: CreateAnAJAXBasedFileuploadProgressbarDialog

At line 275 changed 8 lines.

**__{{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.

##__{{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.

Raible's Wiki

AppFuse

Other Applications

CreateAnAJAXBasedFileuploadProgressbarDialog