HTML5 upload to S3, log in SQL plus client side resize

This project was awarded to zainy01 for $400 USD.

Get free quotes for a project like this
Project Budget
$30 - $400 USD
Total Bids
Project Description

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.


Awarded to:

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online