Closed

Angular image drag and drop

Maximum bid: $100

Because the hard part is already done...

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

[url removed, login to view]

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

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 $[url removed, login to view]

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! :)

Skills: Angular.js, Javascript

See more: software write mq4, software write chip epson, useful software write book, drag drop order image list java, software write web specs, flex drag drop order image, flex drag drop remove image, drag drop next image flash, flash drag drop save image, free software write user guide, software write edid, free software write company profile, drop drag image wysiwyg, drag drop javascript image ordering, software write websites idea, software write book images, software write books, drag drop javascript image creator, scriptaculous multiple drag image drop, software write protection, drag drop sort image php, free software write book, aspnet drag drop items image overlay, software write book, drag drop sortable image scriptaculous php

About the Employer:
( 102 reviews ) North Ward, Australia

Project ID: #11723014

14 freelancers are bidding on average $126 for this job

BaNgan

Hi, Per the description, I have to create replication of the base64Encoder by using the plugin ng-flow with my own UI design, right? The app may need a PHP file to process convert the image in base64, but I will look More

$100 AUD in 3 days
(83 Reviews)
5.8
sancitysofttouch

Hi, Having read your requirements carefully, I became quite sure that I can accomplish the task within the time limits, reporting you at any time you prefer and keep myself updating. Having over 5+ years experie More

$116 AUD in 3 days
(19 Reviews)
5.1
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.3
OrangeTechsol

Hello Sir, We are ready to work with you at your budget. Kindly review our Angular.js project:- [url removed, login to view] [url removed, login to view] [url removed, login to view] [url removed, login to view] [url removed, login to view] [url removed, login to view] More

$100 AUD in 4 days
(2 Reviews)
4.1
manish2237

Hey, I am expert in MEAN platform.

$94 AUD in 2 days
(3 Reviews)
3.5
abhishekmodgi

I have 5 years of experience as a web application developer developing web application using C# asp.net Sql.I have worked on html5 css3,javascript related libraries,angular js and jquery for past 2 years and have a goo More

$100 AUD in 3 days
(12 Reviews)
3.8
piashhassan1

Hello Sir, I can try create this script for your which can be reused. With proper module [url removed, login to view] we can customize and make required list workable like image presenting while upload More

$100 AUD in 3 days
(3 Reviews)
2.9
gmera

Recently started to work on the [url removed, login to view], I need to get some feedback. I will do the work for you for free, you only have to write good review.

$155 AUD in 3 days
(0 Reviews)
0.0
$100 AUD in 2 days
(0 Reviews)
0.0
webintdev

Hello, I have implemented several angularjs drag & drop plugins using open source scripts. One example was for a photography platform that I implemented for my college thesis. I can create the script for you, make More

$100 AUD in 1 day
(1 Review)
0.1
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
(1 Review)
0.0
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
$155 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
maikahj

Hello, my name is Maikah Jusu and I am the Lead Designer at GameMythix ([url removed, login to view]). We’re now extending our services beyond our studio. We’re now freelancing and will be helping clients bring their cr More

$100 AUD in 5 days
(0 Reviews)
0.0