Update folder structure

src/app/components/file/file.component.html

@@ -0,0 +1,18 @@
+<div class="grid">
+    <div class="col-12">
+        <div class="card">
+            <h5>Advanced</h5>
+            <p-fileUpload name="demo[]" url="./upload.php" (onUpload)="onUpload($event)"
+                          multiple="multiple" accept="image/*" maxFileSize="1000000">
+                <ng-template pTemplate="content">
+                    <ul *ngIf="uploadedFiles.length">
+                        <li *ngFor="let file of uploadedFiles">{{file.name}} - {{file.size}} bytes</li>
+                    </ul>
+                </ng-template>
+            </p-fileUpload>
+
+            <h5>Basic</h5>
+            <p-fileUpload mode="basic" name="demo[]" url="./upload.php" accept="image/*" maxFileSize="1000000" (onUpload)="onUpload($event)" chooseLabel="Browse"></p-fileUpload>
+        </div>
+    </div>
+</div>

src/app/components/file/file.component.ts

@@ -0,0 +1,21 @@
+import {Component} from '@angular/core';
+import {MessageService} from 'primeng/api';
+
+@Component({
+    templateUrl: './file.component.html',
+    providers: [MessageService]
+})
+export class FileComponent {
+
+    uploadedFiles: any[] = [];
+
+    constructor(private messageService: MessageService) {}
+
+    onUpload(event) {
+        for (const file of event.files) {
+            this.uploadedFiles.push(file);
+        }
+
+        this.messageService.add({severity: 'info', summary: 'Success', detail: 'File Uploaded'});
+    }
+}