Angular image drag and drop

Cerrado Publicado hace 7 años Pagado a la entrega
Cerrado Pagado a la entrega

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

Nº del proyecto: #11723014

Sobre el proyecto

12 propuestas Proyecto remoto Activo hace 7 años

12 freelancers están ofertando un promedio de $130 por este trabajo

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 ( Más

$250 AUD en 15 días
(4 comentarios)
4.4
manish2237

Hey, I am expert in MEAN platform.

$94 AUD en 2 días
(3 comentarios)
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 en 3 días
(3 comentarios)
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 en 3 días
(0 comentarios)
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 en 2 días
(0 comentarios)
0.0