Watch Star Fork

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:
GrayScale
Black and White
Sepia
Emboss
Edge Detection
Reset

RESIZE:
x
APPLY
SERVER RESPONSE:
SEND TO SERVER