Đã Đóng

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.

Kỹ năng: AJAX, CSS, Javascript, MySQL, PHP

Xem thêm: drag drop image uploader, drag drop image upload, drop image javascript, drag drop upload, sites instantly, new html5 css3, start photoshop, html5 upload image, twitter blue, strong g, simple html5 css3, motto, loading gif, implementations, html5 less, html5 image, html5 css3, drag, drag drop, drag a, completed ux, easy simple facebook script, twitter html5, html5 uploader image, css3 select style

Về Bên Thuê:
( 1 nhận xét ) Portsmouth, United Kingdom

Mã Dự Án: #1667133

9 freelancer đang chào giá trung bình $194 cho công việc này

samitXI

Please check your inbox. Thanks

$250 USD trong 5 ngày
(49 Đánh Giá)
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 relationship.Although we are new Thêm

$180 USD trong 15 ngày
(7 Đánh Giá)
3.5
itconsultindia

php/mysql/ajax team

$250 USD trong 2 ngày
(8 Đánh Giá)
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 trong 8 ngày
(3 Đánh Giá)
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 trong 10 ngày
(0 Đánh Giá)
0.0
panchalnikul27

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

$100 USD trong 1 ngày
(0 Đánh Giá)
0.0
YogeshSanju

Please check your private message box

$230 USD trong 20 ngày
(0 Đánh Giá)
0.0
rockrif

PLEASE SEE PM

$170 USD trong 3 ngày
(0 Đánh Giá)
0.0
anckin

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

$180 USD trong 5 ngày
(0 Đánh Giá)
0.0