https://github.com/techiediaries/php-angular-file-upload
Angular 7 and PHP File Upload Example
https://github.com/techiediaries/php-angular-file-upload
Last synced: 8 months ago
JSON representation
Angular 7 and PHP File Upload Example
- Host: GitHub
- URL: https://github.com/techiediaries/php-angular-file-upload
- Owner: techiediaries
- Created: 2019-03-06T22:48:27.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2019-03-06T22:53:45.000Z (over 7 years ago)
- Last Synced: 2025-04-15T04:33:42.563Z (about 1 year ago)
- Language: TypeScript
- Homepage:
- Size: 104 KB
- Stars: 4
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular 7 and PHP File Upload Example
In this tutorial, you'll learn how you can upload files in your PHP web application. We'll not use any framework but plain PHP.
Next, we'll see how we can use Angular 7 to create a frontend that provides a form for uploading an image file to the backend using `FormData` and `HttpClient`. We'll be also looking at how to create a reactive form with Angular.
[PHP Image/File Upload Tutorial and Example [FormData and Angular 7 Front-End]](https://www.techiediaries.com/php-file-upload-tutorial)
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.3.1.
## Development server
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
## Code scaffolding
Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
## Build
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
## Running unit tests
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
## Running end-to-end tests
Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
## Further help
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).