Completed

Single-page Batch PHP/AJAX/HTML5 Drag and Drop Upload + Image Resize

This project was successfully completed by noxtras for $222 USD in 2 days.

Get free quotes for a project like this
Employer working
Completed by:
Skills Required
Project Budget
$30 - $250 USD
Completed In
2 days
Total Bids
12
Project Description

Summary:

---------------------------

I need a single-page batch AJAX/HTML5 drag and drop upload application. It should be written with PHP, and interface with two simple tables from a MySQL database (described below). The application will unzip uploaded files, and process the images as described before. Image processing will preferably done with ImageMagick. I can provide a development environment on request and have any necessary software installed. This is not urgent; should be finished in 1-3 weeks.

Details:

---------------------------

Uploads zip files and extracts to temporary location

Provides set of user-modifiable inputs for each zip file uploaded:

$input1 = Site (selected from hardcoded dropdown)

$input2 = Album Directory (auto populated with zip file name; exclude extension; ampersands replaced with “and”)

$input3 = Title (auto populated from zip file name; capitalize words; hyphens and underscores replaced with spaces)

$input4 = Keyword01 (Matches words from $input3 against MySQL database table of keywords, auto-populates first match. Autocompletes against same database if user begins typing.)

$input5 = Keyword01 (repeat of $input4, excludes previous match)

$input6 = Keyword01 (repeat of $input4, excludes previous match)

$input7 = Number of images in directory

$input8 = Date Uploaded

Function to fill all $input1 fields with the same thing. That is, another input box at the top or bottom of the page that can be filled in manually, and then applied to all $input1 fields.

Save button at bottom of page does the following:

1. Store all data in MySQL database with the following columns:

id, site, albumDir, title, model01, model02, model03, imageQty, datetime

2. Save Uploads

~ Creates directory named $input2 inside directory $input1

~ Create directory “thumbs” inside $input2

- Resize all images from zip to 200 width by 300 height

- If image is landscape, resize to 300 height, then crop to 200 width from the center.

- Include some variable in code that can adjust image quality of thumbs

~ Create directory called “previews” inside $input2

- Resize images 1-6 from zip to 300 width by 450 height

- If image is landscape, resize to 300 height, then crop to 200 width from the center.

- Include some variable in code that can adjust image quality of thumbs

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