Angular drag and drop image

Budget $10 - $30 AUD
Bids 6
Average Bid $24
Status Closed

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

Get Free Quotes For A Project Like This

Looking to make some money?

  • Set your budget and the time frame
  • Outline your proposal
  • Get paid for your work

Bids on this Project

  • RaniaElgenedy Profile Picture


    Tampa,  United States

    I'm a web designer and front-end developer skilled in HTML,CSS,using multiple frameworks and IDEs . I am familiar with bootstrap and angularjs. I can do data entry jobs PDF,MS, Excel.

  • chiranjeevitapal Profile Picture


    hyderabad,  India

    Software development professional having diverse 5 years 7 months of experience in various technologies and Application and Web development with comprehensive understanding of all aspects of SDLC, using Object-Oriented Programming, Data Structures and Algorithms, System Integration. Developed Web based applications on J2EE with Oracle as back end. Well versed with knowledge of developing Enterprise Applications, Java Applications & Web Based Applications. Extensively worked on project based on AngularJs, REST, J2EE/Java, JQuery/Ajax, GIT, SVN, Maven, Ant, Spring 4.0, Weblogic and Oracle DB, NoSQL on Linux Environment. A team player with strong interpersonal and excellent communication skills.

  • chardyyorofeo Profile Picture


    Cebu City,  Philippines

    Proficient in: > Vanilla PHP > PHP Framework > NodeJS > AngularJS > Vanilla Javascript > jQuery > MySQL > HTML > AJAX > Bootstrap > CSS > Java

  • abdeveloper4 Profile Picture


    Karachi,  Pakistan

    Thanks for visiting my Profile ! I am senior Mean stack/Meteor developer. I am responsible for designing architecture of project and development. I have 2+ year of experiences in cutting edge technologies such as Meteor AngularJs Nodejs MongoDB Express I know what I can do so let's start

  • eduardodgarciac Profile Picture


    Barquisimeto,  Venezuela

    Systems Engineer with 6 years experience in web development. Young programmer with a willingness to learn and meet the objectives of my client, I like to keep a close relationship that allows the objectives are met and generate a quality product. Constantly seek to implement the best technologies and latest trends in development. --- Ingeniero de Sistemas con 6 años de experiencia en el desarrollo web. Programador joven con disposición a aprender y cumplir con los objetivos de mi cliente, me gusta mantener una relación estrecha que permita que se cumplan los objetivos y se genere un producto de calidad. Constantemente busco aplicar las mejores tecnologías y ultimas tendencias en desarrollo. --- My main skills are in / Mis habilidades principales se encuentra en: Backend / Servidor: --- PHP Core --- Lumen --- Laravel --- RESTful APIs Frontend / Cliente: --- Extjs --- Bootstrap --- AngularJS --- Angular Material

  • austinantony Profile Picture