Rapidclipse Demo: Image upload example

This demo project shows basically the handling of a file upload. We asume, that the file is a image file, so we can show it inside a XdevImage component.

See following detailed informations:

1. How to upload a file.
2. How to handle the uploaded file.
3. Basic architecture.
4. How to display the uploaded image in a XdevImage component.

Get the Projekt running

1. Clone the GIT Reporsitory or use the import function of RapiClipse
2. File -> Import -> RapidClipse -> Demo Projects -> "rapidclipse-demo-image-upload"
3. Start the Project
4. Click on the "Upload" button to choose a image file.

Basic Architekture

Important is to realize how to process the file to its way to the browser.

1. The file has to be chosen (Done by XdevUpload)
2. The file must be sent to the server (Done by XdevUpload)
3. There should be someone who waits for the file on server side and is ready to process the file (Done by the Receiver)
4. The file has to be add to the XdevImage as a FileResource (Code inside the Receiver)
5. The file has to be sent back to the client (Code inside the Receiver)

Important files

'MainView'

At the MainView you will see serveral UI Elements:

1. XdevUpload
2. XdevImage
3. XdevPanel