I need an Angular version of this page:
[login to view URL]
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! :)
I am a professional Angular js developer with extensive experience on bootstrap, CSS , html5. Have worked as a senior programmer with Oracle and Qualcomm.