Client side image proportional resize/crop & upload

Seems like there are quite a few requests for similar projects (jCrop as a BIG starting point), so just modify yours and lets get it done ASAP. I need to be able to upload images to my site in two modes. BATCH - Drag and drop or select multiple files to be uploaded (ending up with a thumbnail and a smaller than original image with watermark). Batch upload should have a field for batch "name" and "date" taken. All image info will be stored in a mysql table (ImageID, file_name, batch_name, image_date. Image size to be stored in a 2nd table indexed on ImageID with size column) SINGLE - I need to resize one image three (3) times (proportional crop with min/max height & width) on a laptop. Once the images are resized, they need to be uploaded to a website (LAMP, NOT .net/.asp) with the file name, location, etc. stored in a mysql table. Fields on upload form: File Name: "248135.jpg" Image Name: "Really cool pic" Date: "7/18/12" Keywords: "Sunset, Pacific Ocean" UserID: From $_GET('uid') Additional fields to be stored: ImageID: countup + 1 File Location: "/website/pics/2012/07/" Size: "150_100" or "800_400" etc (stored in 2nd table indexed on ImageID with a Size column) Thanks