Angular drag and drop image

Cancelled

Description

I need an Angular version of this page:

[url removed, login to view]

1. The user can drag and drop an image anywhere on the page.

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.

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.

This script is for commercial production use.

If using an existing library (eg from Github), 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

See more: jquery image drag drop zone, ajax image drop drag, javascript image drag drop php save, javascript image drag drop, as2 image drag drop, scriptaculous image drag drop, ajax image drag drop gallery, javascript image drag drop clickable, drop drag image wysiwyg, gallerie image drag drop sorttable, image drag drop order, javascript image shopping drag drop, javascript image organizer drag drop, scriptaculous multiple drag image drop, php ajax image order drag drop, image upload drag drop image order, php image gallery drag drop arrange, ajax image drag drop order, javascript image ordering drag drop, flex image gallery drag drop, ajax image drag drop, drag image drop table, html ajax image drag drop order, java image drag drop, scriptaculous image link drag drop sort

Project ID: #11720093