Breaking News: Grepper is joining You.com. Read the official announcement!

angular httpinterceptor + for file uploads

Karnav Pargi answered on March 31, 2024 Popularity 1/10 Helpfulness 1/10

answer angular httpinterceptor + for file uploads

angular httpinterceptor + for file uploads

Comment

multipart + boundry not found + angular

When you are using interceptor in angular you can make use of this code snippet


```
```
// UploadFileService.ts

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

    return this.http.post<any>(`${this.api}/${this.apiName}`, formData);
  }

// http.interceptor.ts

export class APIInterceptor implements HttpInterceptor {
intercept(request: HttpRequest<any>, next: HttpHandler) {
    let authReq;
    if (request.method === 'POST' && request.body instanceof FormData) {
      authReq = request.clone({
        setHeaders: {
          Authorization: `Bearer ${this.auth.getToken()}`,
        },
      });
    } else {
      authReq = request.clone({
        setHeaders: {
          'Content-Type': 'application/json; charset=utf-8',
          Accept: 'application/json',
          Authorization: `Bearer ${this.auth.getToken()}`,
        },
      });
    }
    return next.handle(authReq).pipe(catchError((err) => this.handleAuthError(err)));
  }
}

```

Popularity 1/10 Helpfulness 1/10 Language typescript

Source: Grepper

Tags: typescript

Link to this answer
Share Copy Link

Contributed on Mar 31 2024

Karnav Pargi

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

angular httpinterceptor + for file uploads

Contents

More Related Answers

angular httpinterceptor + for file uploads

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.