以角度截取来自请求正文的 FormData

问题描述

发送

let formData = new FormData();
http.post - - - - - - - - - - - formData;

得到

request = { body: FormData }

我想做角度截距

if(FormData's value instanceof File) {
    pass without intercept
}

我该怎么做?

request = { body : FileFormData(ex: FormData only for File) }

解决方法

使用 HttpInterceptor

import { Injectable } from '@angular/core';
import {
  HttpEvent,HttpInterceptor,HttpHandler,HttpRequest
} from '@angular/common/http';

import { Observable } from 'rxjs';

@Injectable()
export class FormDataInterceptor implements HttpInterceptor {

  intercept(req: HttpRequest<any>,next: HttpHandler): Observable<HttpEvent<any>> {
    // FormData's value instanceof File,something along the lines of
    if(req.body instanceof File) {
        return next.handle(req);
    }
    // Do intended logic here
    return next.handle(req);
  }
}

然后注册拦截器: app.module.ts

providers: [
   { provide: HTTP_INTERCEPTORS,useClass: FormDataInterceptor,multi: true }
]