Annulé

Multiple Ajax Image Upload & Resize with PHP

*** Language : You may use PHP, Ajax or Jquery ***

*** Requirement: Pack all code into 1 js and 1 PHP file. Do not split it. ***

*** All settings are configurable at top the PHP script ***

*** Should be cross major browser (IE,Firefox,Chrome, Safari) compatible (or degrade properly) and at least IE6 compliant. ***

[ ***IMPORTANT*** : see attached picture for how the design and details of script needed ]

I required a simple multiple image upload by ajax (you can use a hidden iframe) and a combination picture resizing tool in ajax style. (no reload)

0) Any number of Image upload inputs can be coded and loaded during page loads. So if I decides to allow 6 file upload, there will be 6 input upload options side by side. Input file options added are linked via class defined by your script.

1) At start, all the image upload button is displayed, but if there are 6 image upload inputs, only the first image #1 input is enabled, #2 to #6 input are disabled. You can do this by JQuery. Only if a successful first image upload, then the next corresponding input are enabled so user post image by according to order.

2) Before image is uploaded, the selected file is check for (configurable) allowable file types and maximum file size. If any of the condition fails, a message displayed is shown on the error div on the main page. If file selected passed the check, the image is automatically uploaded via ajax to a (configurable) folder upon user selection (no need to click any button or submit). It fires the post to hidden iframe/XHR automatically.

3) Uploaded picture will be immediately resized and renamed with a new (unique based on micro-time) file name and image is resize from 1 to 3 sizes (configurable, based on fixed width or by width+length ratio) and store at a specific folder (configurable). Filename of the resized image are appended with suffix eg: [url removed, login to view], [url removed, login to view] and etc.

4) A gif loader will be displayed at thumbnail div to show upload activity is taking place, no need to track progress by %. Once upload is completed, loader is disabled. The thumbnail div will show the thumbnail of the recently uploaded picture, (configurable to use which size but all image uses the same option).

5) The filename of generated will be passed back to the main page and kept as a hidden input value and (configurable) size of thumbnail of the uploaded picture will be displayed at the preset target thumbnail div.

6) Upon success of first uploaded image, the input for the next file upload is enabled so user can upload the 2nd file.

7) When 2 or more picture are uploaded, user can select which picture is the primary picture, denoted by a highlight of a border around the picture. The value of the selected primary image is stored at a preset hidden input so can be posted later.

8) Once a picture is uploaded, an option to remove picture is placed on top of the thumbnail div. If the user choose to remove a picture, the entire input option+thumbnail div is removed and the rest of the already uploaded image moves towards left. You can observed some similarity of this behavior at bonanza dot com image upload.

9) That is about it and remember see attached picture file for design layout before bidding so you understand what you are expected to do.

10) Please provide basic documentation of how the script works in case I want to make changes in the future.

[ ***IMPORTANT*** : see attached picture for how the design and details of script needed ]

Compétences : AJAX, jQuery / Prototype, PHP, Architecture Logicielle

Voir plus : ajax image upload resize, php ajax image upload resize, ajax image resize php, ajax image upload resize jquery php, ajax multiple image upload resize, ajax image upload resize jquery, php multiple image upload resize ajax, image upload php ajax jquery resize, image upload ajax resize php, multiple image upload resize php, upload image multiple sizes jquery ajax, multiple image upload jquery ajax thumbnail remove, multiple image upload resize ajax php, jquery ajax image upload resize, php jquery multiple upload image resize, jquery php multiple image upload resize, multiple image upload resize php jquery, php multiple ajax picture upload, php ajax multiple image upload resize, php multiple upload resize ajax, ajax upload resize, ajax multiple upload image resize, ajax image upload resize multiple, jquery upload resize, jquery multiple image upload

Concernant l'employeur :
( 0 commentaires ) Georgetown, Malaysia

N° du projet : #1082649

5 freelance ont fait une offre moyenne de 51 $ pour ce travail

zainy01

Check PM please

30 $ USD en 2 jours
(73 Commentaires)
6.9
crazenators

Hi, We have go through the Project requirement and ready to do this project for you. Please check your PMB

60 $ USD en 2 jours
(6 Commentaires)
3.0
jagannathbehera

I got ur requirement and i can do it.

50 $ USD en 2 jours
(5 Commentaires)
3.0
nliansanjaya

i have just mentioned 3 days cause im working on a urgent project. but im sure i can finish this work before 3 days.

60 $ USD en 3 jours
(1 Commentaire)
0.0
k2sinfotect

i understand your [url removed, login to view] check pmb

57 $ USD en 3 jours
(0 Commentaires)
0.0