first commit

Author: tienbku

README.md

@@ -1,10 +1,15 @@
-# AngularUploadMultipleFiles
+# Angular multiple Files upload example
 
-This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.3.21.
+For more detail, please visit:
+> [Angular 8 upload multiple Files example](https://bezkoder.com/angular-multiple-files-upload/)
+
+Spring Boot server for this Angular Client:
+
+> [Spring Boot Multipart File upload example](https://bezkoder.com/spring-boot-file-upload/)
 
 ## 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.
+Run `ng serve --port 8081` for a dev server. Navigate to `http://localhost:8081/`. The app will automatically reload if you change any of the source files.
 
 ## Code scaffolding
 

src/app/components/upload-files/upload-files.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { UploadFileService } from 'src/app/services/upload-files.service';
+import { UploadFilesService } from 'src/app/services/upload-files.service';
 import { HttpEventType, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 
@@ -16,7 +16,7 @@ export class UploadFilesComponent implements OnInit {
 
   fileInfos: Observable<any>;
 
-  constructor(private uploadService: UploadFileService) { }
+  constructor(private uploadService: UploadFilesService) { }
 
   ngOnInit() {
     this.fileInfos = this.uploadService.getFiles();

src/app/services/upload-files.service.ts

@@ -1,11 +1,11 @@
 import { Injectable } from '@angular/core';
-import { HttpClient, HttpRequest, HttpHeaders, HttpEvent } from '@angular/common/http';
+import { HttpClient, HttpRequest, HttpEvent } from '@angular/common/http';
 import { Observable } from 'rxjs';
 
 @Injectable({
   providedIn: 'root'
 })
-export class UploadFileService {
+export class UploadFilesService {
 
   private baseUrl = 'http://localhost:8080';