Angular 5向Spring Rest Controller传文件对象为null问题求助

你的问题主要出在前端文件上传的方式错误和后端接收参数的配置不匹配这两个核心点上，下面一步步拆解并给出修复方案：

前端代码的问题与修正 #

核心问题分析 #

1. FileReader使用错误：你用readAsText读取PDF这类二进制文件，会直接破坏文件的二进制结构；而且FileReader是异步操作，你在调用readAsText后立刻发送请求，此时myReader.result大概率还没完成读取，会导致请求内容为空或不完整。
2. 请求格式不符合规范：上传文件必须使用multipart/form-data格式，不能直接设置content-type为application/pdf，也不能把文件内容直接作为请求体发送，需要用FormData来包装文件参数。

修改后的Angular代码 #

onFileChange($event) : void {
  const file: File = $event.target.files[0];
  if (!file) return;

  // 用FormData包装文件，这是文件上传的标准方式
  const formData = new FormData();
  formData.append('file', file); // 这里的key要和后端接收参数名保持一致

  const req = this.http.post('/abc', formData);
  // 无需手动设置content-type，Angular会自动处理multipart/form-data的边界符

  req.subscribe(
    (data) => {
      console.log(data);
    },
    (err: HttpErrorResponse) => {
      if(err.error instanceof Error) {
        console.log('客户端错误: ', err.error.message);
      } else {
        console.log('后端返回状态码', err.status, '响应内容: ', err.error);
      }
    }
  )
}

HTML部分保持不变即可：

<input type="file" id="myFile" (change)="onFileChange($event)" #fileInput>

后端Spring Controller的问题与修正 #

核心问题分析 #

1. @RequestBody不适合接收MultipartFile：@RequestBody用于接收JSON/XML格式的请求体，而MultipartFile对应multipart/form-data格式的文件参数，必须用@RequestParam或@RequestPart来接收。
2. consumes配置不匹配：你设置的consumes = "application/pdf"和实际上传的multipart/form-data格式冲突，需要修改或移除该配置。

修改后的Controller代码 #

import org.springframework.http.HttpStatus;
import org.springframework.http.ResponseEntity;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;

@RestController
public class FileUploadController {

    @PostMapping(value="/abc", consumes = "multipart/form-data")
    public ResponseEntity<String> uploadFile(@RequestParam("file") MultipartFile file) {
        System.out.println("进入Controller");
        if (file.isEmpty()) {
            System.out.println("接收的文件为空");
            return ResponseEntity.badRequest().body("文件不能为空");
        }
        // 这里可以添加文件存储/处理逻辑
        System.out.println("文件名: " + file.getOriginalFilename());
        System.out.println("文件大小: " + file.getSize() + "字节");
        return ResponseEntity.status(HttpStatus.CREATED).body("true");
    }
}

额外注意事项 #

• 确保你的Spring项目已引入spring-boot-starter-web（Spring Boot项目），它已包含文件上传所需的依赖。
• 如果需要上传大文件，可在application.properties中调整上传限制：

  spring.servlet.multipart.max-file-size=10MB
  spring.servlet.multipart.max-request-size=10MB
  

内容的提问来源于stack exchange，提问作者pradipta gure