Browse/Upload an Image in Angular 8 App with Angular Material -
This application built with the latest version of Angular and NPM CLI shows how to browse through your device and select/upload an image file. The application also shows how to lay out the front end design with latest version of Angular Material.
What you learn -
* using angular material and its various modules like card button spinner
* creating and using reusable custom angular components/widgets
* browse local directory and select an image
* accessing file properties options on a selected file
* create custom services in angular, for posting data.
* write custom interceptor services in angular
* how to add/incorporate injectable services in app.module.ts
SCOPE:
The scope of expansion of this sample is as such -
You could write a backend rest based API in .NET or MongoDB and NodeJS which would accept this file data from the front end and either save it in a local folder structure or save it in a persistent storage, such as database also. The pupil is encouraged to explore this possibility.