I need an HTML5 form/app to accept only image or audio files, re-size plus crop images, upload them to Amazon S3 with a CSS progress indicator and log the entries to mySQL. Along with the cropped image a thumbnail should be generated and uploaded.
If the upload is an image the user should be prompted to select the format to crop it, being "square" or "16x9" aspect ratio before uploading. I need to be able to set the minimum values for these crop dimensions. The user should see a live preview of this crop before submitting.
This functionality needs to be completely client side, see links for a client side crop before upload example.
[url removed, login to view] and [url removed, login to view]
The first canvas aspect ratio should correspond to the original image aspect ratio and the second canvas should be either square or 16x9 as the user
selected.. The example link squeezes the original image into a square, that is not acceptable.
Along with the cropped image a thumbnail of the cropped image should be uploaded.
Example, user selects to upload "Mypicture.jpg" after square cropping and submitting, the database would have 2 entries "Mypicture_sq.jpg" and
"Mypicture_sq_th.jpg" and the S3 Bucket would contain the 2 images.
Naturally, file verification and SQL injection prevention measures need to be in place.
I would like to see that you are familiar with things that I am asking.
I will provide more information to suitable candidates.