Javascript for Drag and Drop, Upload

I need that you create a Javascript library that lets my users drag and drop images to a box/div on an html page.

It should have this flow:

1. The user drag and drops an image into a box on an html page

2. A preview is opened on an overlaying window and the user can crop the image there

3. A grey 50% opacity layer is applied to the image

4. The image is compressed on the client side to JPG or PNG

5. When the user is ready, he can upload to the server. The file is sent over with Ajax.

No server coding needed!

Additional feature: The file size needs to be limited to 300K and no more than 3000x2000 pixels. If it is larger, resize to 800x600

Only JAVASCRIPT, CSS, HTML, HTML5 are allowed.

No JQuery, only native.

Good luck.

You will have to send a working example. Should work 100%

Beceriler: HTML, HTML5, Javascript

Daha fazlasını gör: client side coding, javascript image library, html5 jquery css javascript, drag and drop, html page resize, file upload resize, preview crop, html javascript example, jquery drag drop upload file, jquery native, html5 crop, drag html, page resize html, javascript image opacity, jquery drag drop upload image, html5 layer, png library, ajax layer, drag image upload, jquery layer, html5 image file, crop jquery, html5 opacity, html drag, javascript resize div

İşveren Hakkında:
( 26 değerlendirme ) Zurich, Switzerland

Proje NO: #6510048

9 freelancers are bidding on average $56 for this job


HI Sir Greetings Myself Atul, recently I solve same issue in some website, and we complete it for your in by go through my profile, you check my review Do will do the PHP work for it and els [url removed, login to view] Daha Fazla

in %bids___i_period_sub_35% gün içinde30%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(171 Değerlendirme)

Hi! I can create required tool with crop, resize, compression using native JavaScript. My Sample work: HTML5/JavaScript painting application [url removed, login to view] I have built a HTMl5/JavaScript t Daha Fazla

in %bids___i_period_sub_35% gün içinde155%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(32 Değerlendirme)

i am a senior software engineer and responsible for creating a web and desktop applications using different languages and technologies if u r interested just send me a message thank you and good luck

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(36 Değerlendirme)

Hi sir/Madam i am expert in Web and Graphic design and also in PHP, Wordpress, CMS, e-Commerce and all other open soruce. We provide you Quality work with all browser supported, clean and professional code with W3c val Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(113 Değerlendirme)

Hello! This seems like a simple enough project--one problem, though, is that there's no standardized way to resize images on the client side. It's possible to get close through hacks, but there's no 100% standardiz Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(1 Yorum)

Greetings, I'm a software engineer and I'm passionate about software development and maintenance of existing java/J2EE and Android Mobile [url removed, login to view], the quality of service and satisfaction of the client Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(3 Değerlendirme)

aBc webgroup is ready to help you. We are highly-qualified team, who works for good result only. Our professional team is willing to work with you. Javascript, CSS, HTML, HTML5 are programmes we' ve worked over 7 Daha Fazla

in %bids___i_period_sub_35% gün içinde55%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(5 Değerlendirme)

A proposal has not yet been provided

in %bids___i_period_sub_35% gün içinde40%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(2 Değerlendirme)

I have 5 yrs of experience in Microsoft .NET technology. I have been developing, maintaining websites. I can use my knowledge and expertise in meeting your business [url removed, login to view] your reply.

in %bids___i_period_sub_35% gün içinde30%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(0 Değerlendirme)