Image Preview, Upload, Manage Page (php, JavaScript)

This project was awarded to Monsignor for $250 USD.

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

Develop a page that incorporates both php and JavaScript to handle upload, resize, and preview of a given number of images.

Once in a preview state, incorporate drag and drop functionality for sorting of the images and be able to drop an Image on a trash can for deletion of the Image from the preview.

Any OnSubmit needs to stay on the same page to allow for additional uploads or sorting until the User presses a separate "Process/Save" button.

A "Preview" button should :

1) Accept a directory path parameter and create the directory path if it does not exist.

2) Re-size the Image to a given width/height.

3) Use move_upload_files() to safely move the image to the server. i.e. move_uploaded_file($_FILES["userfile"]["tmp_name"], $_FILES["userfile"]["name"])

The drag and drop capability should allow the image to be moved to a different cell then dropped in place. Preview button will load cell 1 first, then cell 2, then cell 3, etc. If Image 3 is dropped on cell 1, the Image in cell 1 moves to cell 2 and the Image in cell 2 moves to cell 3, etc.

Awarded to:
Skills Required

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