/laughing-disco

[Ravi Raghav] Drag And Drop Images From Your Computer To Angular 8 Web Application

Primary LanguageTypeScript

laughing-disco

[Ravi Raghav] Drag And Drop Images From Your Computer To Angular 8 Web Application

Grab the article at https://www.c-sharpcorner.com/article/drag-drop-images-from-your-computer-to-angular-8-web-application/

Tips/Run

  • Run a local install of the various packages: npm install;
  • Run any individual tests via the default Karma: ng test;
  • Run all tests end-to-end via the default Protractor: ng e2e;
  • Serve the app for local throughput: ng serve;
  • Build the app for distributed throughout: ng build;
  • Access the app: http://localhost:4200/;

Errors Experienced

  • Abc;

Notes:

  • Updating angular/cli to the latest version: npm install -g @angular/cli@latest (as of 27th October 2020 this is 10.2.0);
  • Creating a new project: ng new ImageDragDrop;
  • Adding a new Component: ng g c image-upload;
  • Adding a new Directive: ng g d ImageDrag;
  • Adding a new Component: ng g i file-handle;

What's it all about?

  • In today's article, we will see how to drag and drop images from your computer to an Angular 8 web application using our custom directive;

Thanks

Thanks goes out to Ravi Raghav for the FREE stuff!

  • Ravi Raghav's C# Corner profile ...Been developing since 2015 in several technologies ASP.NET, ASP.NET CORE, MVC, Angular, SharePoint, few bits of Android...