Image Upload - How would you approach this?

Hi All,

Just looking for a bit of direction with what I suspect will be a JS and PHP solution.

A client has asked for the a web page where the visitor can upload their photo, it is then displayed with another image mask over it (think about those seaside paintings you stick you head thru!) then they can send the ‘composite’ image to an email address.

The uploading the image and sending, I’m fine with through PHP. But what about the preview of the image, the mask and building the composite image?

Any / all thoughts appreciated.


The simplest solution is for parts of the mask to be partly transparant, as either a gif image or preferably a png image. That way you can place the uploaded image directly underneath the mask, as either a background image on the mask itself, or as a separate image layer.

Thanks Paul,

The main problem now is generating the composite image - do you know if this is even possible?

With some clever PHP work, I suspect it might be.