Put Image Uploader on website, Set Criteria for compatible Images, and Integrate with API

Project Definition:

Put image uploader on existing website (html site hosted on amazon) and simply attach to API. Im looking to have it done and tested asap. Testing must be done for basic website browsers and ipad broswers. This is a web app, not an ipad app, not a mobile app. I do NOT need to have it work on iphones and android, unless that is easy and cheap. I have the API key and other info needed to begin work. It doesnt matter what language you use, as long as it works and it fits all the criteria mentioned here. At project completion, the user will be able to upload images and create a product (using the api) from the website.

Image Uploader:

The site [url removed, login to view] has a button on the homepage called "Create a Photo Book". When the user clicks the button, they need to be taken to an image uploader page (you would create this) or js lightbox or similar (you tell me what works best) telling the user to choose photos to upload.

See the mockups attached. It does not have to look like the mockups - I am flexible on how it looks, but it should work and look acceptable. Note the following on the mockups: thumbnails of uploaded images, count of compatible images, user cannot Upload until 20-48 compatible images are selected.

The user must choose between 20-48 "compatible" images before proceeding.

• compatible image formats are JPEG (.jpg, .jpeg) or PNG (.png).

• save images in sRGB. Using other RGB formats (such as Adobe RGB) can result in some distortion or loss of color when converting to CMYK for printing.

max image file size should be 12MB to be compatible.

• image size must be 702 x 702px (117ppi) at minimum to be compatible.

not sure if it matters but image size is 152.4 mm x 152.4 mm

API Details:

(if you prefer not to integrate the API and only do the image uploader, message me and we can chat.)

you simply need to pass the uploaded, compatible images to the API with a "Library Multi PULL" action described below.

If you would like to take a look at an example of how the API plugs into a webpage then please feel free to visit

[url removed, login to view]

and click GET STARTED button.

from API Documentation:

Library Multi Pull is where multiple images are loaded into the Library at the same time via downloading it from a list of URLs. Uploading a list of images to the Library automatically creates a unique link which can be used to direct the user to the Product Builder, using the images uploaded in that request.

Requires:

API Key

Actions:

URL /library/multi/pull

Verb POST

Info: Creates multiple Library items from a list of URLs

Fields:

Field Urls

Data Type Array of Strings

Information The image URLs

The following details are returned about an item:

Array of LibraryItemDetail

ProductBuilderUrl

The following details are returned about a Library item.

ItemGuid String Y The Guid of the Library item

FileMimeType String Y The MIME type of the Library item.

FileMd5 String N An MD5 hash of the file contents.

FileSize Long N Length of the file in bytes.

AJAX HTML jQuery / Prototype PHP

Project ID: #6754693

About the project