Processing images in client-side before uploading it to a server
In some cases it's necessary to process images in the client-side before uploading it to a server. This is very common in cases the user should adjust an image for some reason before submitting it.
The example below allows some basic processing in the client-side. Clicking on "SEND TO SERVER", the image is posted, an URL with the server version is returned and displayed in the right panel.
You can check the Javascript source here.
INPUT IMAGE:
OPERATIONS:
RESIZE:
RESIZE:
x
SERVER RESPONSE: