无法使用 Angular/Spring 上传文件

Question

标题说明了一切。

我需要将文件/文档上传到 BE，但我就是无法正确处理！

角度服务

public saveFile(file: File): Observable<any> {
        const formData = new FormData();
        formData.append('file', file);
        
        return this.http
            .post<FormData>(`${environment.apiUrl}/save-file`, formData)
            .pipe(first());
    }

弹簧控制器

 @PostMapping(value = "/save-file")
    public ResponseEntity<Object> saveFile(@RequestParam("file") MultipartFile file) {

        System.out.println(file);

        return null;
    }

我已经尝试了很多其他配置，比如设置标题

"Content-Type": "multipart/form-data"

错误信息总是一样的：

Current request is not a multipart request

Answer 1

如果您的请求正文是 instanceof FormData Angular，请为您添加该标头。而且你不需要添加标题。

我认为您有拦截器配置来为您的所有 http 请求添加一些标头。 尝试将此条件添加到您的拦截器类中：

        if (!request.headers.has("Content-Type") && !(request.body instanceof FormData)) {
            request = request.clone({
               headers: request.headers.set("Content-Type", "application/json")
            });
        }