add all change in now.

UI/src/app/import.com/import.com.html

@@ -0,0 +1,10 @@
+<div>
+<label class="flex mb-2"> Import Excel File</label>
+<p-fileupload #fu mode="basic" chooseLabel="Choose" 
+    chooseIcon="pi pi-upload" name="file" 
+    url="http://localhost:5015/api/FileUpload/UploadFile" 
+    maxFileSize="10000000000" (onUpload)="onUpload($event)" />
+<p-button styleClass="mt-4" label="Upload" (onClick)="fu.upload()" severity="primary" />
+
+
+</div>

UI/src/app/import.com/import.com.ts

@@ -0,0 +1,29 @@
+import { Component } from '@angular/core';
+import { ButtonModule } from 'primeng/button';
+import { FileUploadEvent, FileUploadModule } from 'primeng/fileupload';
+import { MessageService } from 'primeng/api';
+import { FileUpload } from 'primeng/fileupload';
+import { ToastModule } from 'primeng/toast';
+/*
+interface UploadEvent {
+    originalEvent: Event;
+    files: File[];
+}*/
+
+@Component({
+  selector: 'app-import.com',
+  imports: [FileUploadModule, ButtonModule,ToastModule,FileUpload],
+  templateUrl: './import.com.html',
+  styleUrl: './import.com.css'
+})
+export class ImportCom {
+   uploadedFiles: any[] = [];
+  constructor(private messageService: MessageService) {}
+onUpload(event:FileUploadEvent) {
+        for(let file of event.files) {
+            this.uploadedFiles.push(file);
+        }
+
+        this.messageService.add({severity: 'info', summary: 'File Uploaded', detail: ''});
+    }
+}