Angular drag and drop image file

This project received 10 bids from talented freelancers with an average bid price of $182 AUD.

Get free quotes for a project like this
Employer working
Skills Required
Project Budget
$30 - $250 AUD
Total Bids
Project 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. 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.

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

Looking to make some money?

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

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online