How to upload file in anguar?

You can use the Angular reactive forms module to create a form with a file input control. Here's a basic example of how to do it:

1. Import ReactiveFormsModule in your component's module:

import { ReactiveFormsModule } from '@angular/forms';

@NgModule({

  imports: [

    ReactiveFormsModule,

    ...

  ],

  ...

})

export class AppModule { }

2. In your component, create a form group and add a control for the file input:

import { FormGroup, FormBuilder } from '@angular/forms';

export class FileUploadComponent {

  form: FormGroup;

  constructor(private fb: FormBuilder) {

    this.form = this.fb.group({

      file: [null]

    });

  }

}

3. In your component's template, create a file input and bind it to the form control:

<form [formGroup]="form">

  <input type="file" formControlName="file">

</form>

4. Finally, in your component, you can access the selected file(s) using the value of the form control:

submit() {

  const file = this.form.get('file').value;

  console.log(file);

}

 <form [formGroup]="form"> - This is an Angular template directive that binds a FormGroup instance to the form element. The FormGroup is used to manage the values and validation of form controls.

<input type="file" formControlName="file"> - This is a file input element that is bound to a form control named "file".

<button (click)="submit()">Upload</button> - This is a submit button that triggers the submit() function when clicked.

import { FormGroup, FormBuilder } from '@angular/forms'; - This is an import statement for the FormGroup and FormBuilder classes from the @angular/forms module.

this.form = this.fb.group({ file: [null] }); - This is code that creates a new FormGroup instance using the FormBuilder and adds a single control named "file".

const file = this.form.get('file').value; - This code accesses the value of the "file" form control.

console.log(file) - This code logs the selected file to the console for debugging purposes.