Fermé

Drag and drop image uploader.

I need a "Drag and drop" style up loader with a ‘select image’ button as a secondary option.

Before any image is uploaded the words "Drag & Drop to upload an image" or similar to that effect, with a Select images button below should be shown.

Once the image is dropped it should instantly start to upload with a slightly dim opacity (0.7-ish), this should be shown by a blue loading bar written in JavaScript and css3 with IE support showing along the bottom of the image. One upload is complete the upload bar should be removed and opacity shown as (1.0) . The width and height of the thumbnails should be around 150px to 200px.

Alongside the separate image upload bars on each image thumb, a main upload bar should show along the bottom, this should show the amount of time until all images are uploaded. Above the latter bar it should show the amount of images uploading out of the total amount to upload (i.e. Uploading 1 of 4).

The original php script for uploading images will be provided, in this script, it has one of two options, uploading with an account and uploading without an account but with a watermark. The new up loader will only allow registered users to upload images, and the adding of the watermark can be totally discarded.

At the top left of the upload system in a sub header it should have a drop down of albums, and the option of uploading as private or public (private as default). If no album is selected the images will just upload as normal.

There will be two buttons in the bottom right , Cancel and Save. The cancel button will discard the upload and all images previously uploaded in this session. The save button will save the images to the users account, if save isn’t clicked, no images from the upload session will be saved. Once save is pressed a ‘loading bar’ should replace the upload system, with the % of which the upload(save) is completed.

In the original script once the images have been uploaded it gives the option to share the images on twitter, facebook and g+. This should still happen, once the upload is complete, all images that have been uploaded as public should be shown, with a ‘share’ bar along the bottom.

**All upload bars should run in real time, showing the amount the image is uploaded by and not just a gif.

I have knocked up a few quick simple guides in photoshop for a visual aid of the main parts, please check them out.

Html5 can be used, but will need a fallback for the least up to date browsers.

A good UX knowledge is needed, with a GUI created with the “One button or less” motto in mind. Simplicity is key, easy to understand and use is a must, in a nutshell we want it so even your 90 year old granny could work out how to upload an image.

Please provide links to previous work, of a similar nature if possible.

I look forward to hearing from you, and hopefully a long, strong future of working together on future implementations to our sites.

Compétences : AJAX, CSS, Javascript, MySQL, PHP

Voir plus : drag drop image upload php, drag drop image uploader, javascript drag drop image upload, php drag drop image upload, drag drop image upload, php drag drop image uploader, drag drop image upload php script, select drag drop upload image html5, drop image javascript, drag drop image upload javascript, drag drop upload, drag drop images upload php, sites instantly, new in html5 and css3, how to start photoshop, check them out, drag drop image uploader php, php image upload drag drop, php drag drop image uploading, html5 upload image, facebook isn t working, twitter blue, strong g, simple html5 and css3, save button

Concernant l'employeur :
( 1 commentaire ) Portsmouth, United Kingdom

N° du projet : #1667133

9 freelance ont fait une offre moyenne de 194 $ pour ce travail

samitXI

Please check your inbox. Thanks

250 $ USD en 5 jours
(49 Commentaires)
5.8
shabdullah88

Dear sir After reading your project details,we are interested in this project and would like to bid on this project. we take care of our every client personally and has always long term [url removed, login to view] we are new Plus

180 $ USD en 15 jours
(7 Commentaires)
3.5
itconsultindia

php/mysql/ajax team

250 $ USD en 2 jours
(8 Commentaires)
2.8
theredesign

Hi there ive read your project's requirements and i can help you complete this one. Plz look at your PM box for further details.

185 $ USD en 8 jours
(3 Commentaires)
2.3
dhanrajdevloper

Hello sir I have 4+ years exp. I had develop several big sites in this period. I will show my resume if you want to check. I had good exp in php jquery js ajax html5 css. Give me chase to work with you.

200 $ USD en 10 jours
(0 Commentaires)
0.0
panchalnikul27

hello sir i can complete your task as soon as possible.

100 $ USD en 1 jour
(0 Commentaires)
0.0
YogeshSanju

Please check your private message box

230 $ USD en 20 jours
(0 Commentaires)
0.0
rockrif

PLEASE SEE PM

170 $ USD en 3 jours
(0 Commentaires)
0.0
anckin

Hi, project seem to be real easy, I can start work as soon as You have announced the winner.

180 $ USD en 5 jours
(0 Commentaires)
0.0