Angular image drag and drop

Closed Posted 7 years ago Paid on delivery
Closed Paid on delivery

Maximum bid: $100

Because the hard part is already done...

Modify an existing open source script, such as this one:

[login to view URL]

Use the open source script to create an Angular version of the "drag and drop" and "file upload" on this page: [login to view URL]

1. The user can drag and drop an image anywhere on the page. Or click a button and browse to the file in a file manager dialog.

2. The image file is immediately uploaded on mouse release (no clicks)

3. A progress bar shows the progress of the file upload

4. When the file upload is complete, convert the image file to a base64 string and store the string in an angular variable such as $[login to view URL]

5. Put the string into an <img src="stringHere"> element on the page so the user can see the uploaded image using the base64 string.

Please make a function, directive or module that I can re-use on multiple pages throughout an app (eg, I just copy it into the new page, and it works).

Please make it able to handle multiple inputs at different places on a page. For example, I might have one "drag and drop / file input" at the top of the page, then heaps of text, then at the bottom of the page I might have a 2nd different "drag and drop / file input" for a different input field. Please make it easy for the script to handle this multiple input field scenario.

This script is for commercial production use.

Please include a reference to the Source.

Please use open source, DO NOT copy a commercial product.

Please use Twitter Bootstrap for CSS if the library you use does not have CSS included.

NO JQUERY!!! (Sorry, jQuery causes conflicts in my code environment. Pure angular / javascript please).

Good luck! :)

AngularJS JavaScript

Project ID: #11723014

About the project

12 proposals Remote project Active 7 years ago

12 freelancers are bidding on average $130 for this job

bistanil98

I checked the Requirement but i want to discuss this with you, when you are online please pine me expertise in ANDROID, php/mysql, Javascript, Jqery, symfony-2 ,html, html-5, bootstrap, android, css, css-3, cakephp ( More

$250 AUD in 15 days
(4 Reviews)
4.4
manish2237

Hey, I am expert in MEAN platform.

$94 AUD in 2 days
(3 Reviews)
3.6
hmezaA

Hi, I'm an expert because of my experience since 1982 as a programmer, I can send my resume by Freelancer chat, please contact me for details.

$99 AUD in 3 days
(3 Reviews)
3.2
satyamgrandhi

I have experience in drag and drop option and hope I can able to complete this task within the stipulated time.

$83 AUD in 3 days
(0 Reviews)
0.0
ev1lblade

3 years commercial experience in Angular. Team lead in big gaming company. Right now I'm responsible for maintenance 100K line of code app in Angular 1.5.x

$222 AUD in 2 days
(0 Reviews)
0.0