How can I handle file upload errors in Angular?

How can I handle file upload errors in Angular?

You can handle file upload errors in Angular by using the HttpClient module and subscribing to the response. You can catch errors using the catchError operator.

Can you show me a code example?

Sure! Here's a simple example:

import { HttpClient, HttpErrorResponse } from '@angular/common/http';
import { catchError } from 'rxjs/operators';

uploadFile(file: File) {
  const formData = new FormData();
  formData.append('file', file);

  this.http.post('your-api-url', formData)
    .pipe(catchError(this.handleError))
    .subscribe(response => {
      console.log('Upload successful', response);
    });
}

private handleError(error: HttpErrorResponse) {
  console.error('Upload error:', error);
  return throwError('File upload failed. Please try again.');
}

What types of errors should I expect during file uploads?

You might encounter errors like network issues, file size limits, unsupported file types, or server errors. It's good to handle these gracefully.