In Progress

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



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.



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


See more: html5 image resize, html5 drag drop image upload php mysql, php upload image resize drag, resize image drag drop php, html5 drag upload, html5 drag drop upload, php drag drop upload, single match, html5 button, create application with php, auto resize image php, html5 software, single page, single page application, resize-the-images, resize images, php ajax, php ajax mysql, image-resize, image resize, html5 image, html5 database application development, drag and drop, crop auto, batch

About the Employer:
( 13 reviews ) Minneapolis, United States

Project ID: #4502349

Awarded to:


Hello, I assume you don't need user rights for this, right? For image manipulation I will use GD2 as I already have a library that uses that. Input 2 and input 3 will be the same, but with capitalization?

$222 USD in 2 days
(48 Reviews)

11 freelancers are bidding on average $228 for this job


php expert here. like to build this system.

$257 USD in 3 days
(112 Reviews)

Hello We would like to get opportunity to work with you and offer you the best. Thank you

$154 USD in 25 days
(49 Reviews)

Ready to help

$200 USD in 3 days
(21 Reviews)

Hi! I am very interested in this project. Please see PM for details. Thanks, Rajib

$252 USD in 21 days
(39 Reviews)

iam ready for it

$315 USD in 3 days
(16 Reviews)

Dear Sir, We have read carefully the project description and fully understand the project requirement. on2itonline team would love to work for you on this project. Let's discuss further issues of the project t More

$257 USD in 15 days
(3 Reviews)

Hello. I am a web developer with 11+-year experience . I work remotely on DigitalRay company - [url removed, login to view] - LA (USA). Technical knowledges: 1PHP JavaScript Ruby RoR ASP.Net C#, Zend, CakePHP, Symphony frameworks More

$155 USD in 35 days
(10 Reviews)

Hi, I have used both imagemagick and gd. The functions you require can be easily done using gd library. I just have quick question what do you mean by "If image is landscape, resize to 300 height, then crop to 200 More

$250 USD in 7 days
(15 Reviews)

We have 15 years of experience and we will get it done with quality - Please see PMB for detail.

$226 USD in 15 days
(4 Reviews)

I`m ready to start.

$222 USD in 10 days
(0 Reviews)

I can build this for you !

$166 USD in 10 days
(0 Reviews)