Angular 4上传文件后如何将HttpResponse的body转为字符串？

嗨，我刚好碰到过类似的场景，来给你说清楚怎么处理～

首先得明确你的Spring Boot接口返回的ResponseEntity结构，分两种常见情况对应处理：

情况1：Spring返回带message字段的响应对象 #

如果你的后端是返回一个自定义的响应DTO（比如下面这样）：

// 自定义响应类
public class UploadResult {
    private String message;
    // 构造器、getter、setter省略
}

// 接口返回
@PostMapping("/upload")
public ResponseEntity<UploadResult> uploadFile(@RequestParam("file") MultipartFile file) {
    // 处理上传逻辑
    return ResponseEntity.ok(new UploadResult("message1"));
}

那在Angular里，你可以直接从event.body里提取message属性，拿到的就是字符串，直接用在业务函数里就行：

// 假设这是你的上传订阅逻辑
this.uploadService.uploadFile(yourFile).subscribe(
  (event: HttpResponse<any>) => {
    // 直接提取message字符串
    const serverMessage = event.body.message;
    console.log('服务器返回消息：', serverMessage);
    // 传入你的业务函数
    this.handleUploadSuccess(serverMessage);
  },
  (error) => console.error('上传失败：', error)
);

情况2：Spring直接返回字符串响应 #

如果你的后端是直接返回字符串（比如这样写）：

@PostMapping("/upload")
public ResponseEntity<String> uploadFile(@RequestParam("file") MultipartFile file) {
    // 处理上传逻辑
    return ResponseEntity.ok("message2");
}

这时候event.body本身就是字符串，你只需要做个类型断言确保类型正确，就能直接使用：

this.uploadService.uploadFile(yourFile).subscribe(
  (event: HttpResponse<any>) => {
    const serverMessage = event.body as string;
    console.log('服务器返回消息：', serverMessage);
    this.handleUploadSuccess(serverMessage);
  },
  (error) => console.error('上传失败：', error)
);

额外：把整个响应体转为JSON字符串 #

如果你需要把整个event.body（不管是对象还是字符串）转成标准的JSON字符串，直接用JSON.stringify()就行：

const bodyString = JSON.stringify(event.body);
console.log('响应体转字符串：', bodyString);
// 传入业务函数
this.yourBusinessFunction(bodyString);

最后提醒一下：确保你的Angular请求配置了observe: 'response'，这样才能拿到完整的HttpResponse对象访问body属性。比如你的上传服务方法应该是这样：

uploadFile(file: File): Observable<HttpResponse<any>> {
  const formData = new FormData();
  formData.append('file', file);
  return this.http.post('/api/upload', formData, { observe: 'response' });
}

内容的提问来源于stack exchange，提问作者Logan Wlv