content-type之multipart/form-data和application/json比较

multipart/form-data

知识点:

用途: 主要用于文件上传以及包含非ASCII字符或二进制数据的表单数据提交。它将表单数据分割成多个部分，每个部分前都有一个boundary字符串作为分隔，可以包含文本字段和文件字段。
结构: 包含了Content-Disposition头部，用于指定字段名称（对于表单字段）或文件名（对于文件上传），以及数据的内容类型。

使用场景:

文件上传，如图片、文档等。
需要提交包含复杂数据类型（如图片和文本混合）的表单。

优点:

支持大文件上传。
能够包含不同类型的数据，包括二进制数据。

缺点:

数据量相对较大，因为每个部分都包含了额外的头部信息。
较难解析，不如纯文本格式直接。

application/json

知识点:

用途: 用于发送JSON格式的数据，特别适合RESTful API，其中数据以键值对的形式组织，易于人阅读和机器处理。
结构: 直接以JSON对象形式发送数据，无需额外的分隔符或复杂的结构。

使用场景:

RESTful服务的数据交互。
传递结构化数据，尤其是对象和数组。
前后端分离的Web应用，用于API通信。

优点:

数据结构清晰，易于阅读和解析。
轻量级，相比multipart/form-data更节省带宽。
与现代Web服务标准高度兼容，便于构建RESTful API。

缺点:

不直接支持文件上传，需要额外处理或转换为Base64字符串嵌入JSON中。
对非结构化数据或大型二进制数据处理不如multipart/form-data高效。

Spring Boot 前后端分离示例

使用application/json

对于前后端分离的应用，Spring Boot后端通常定义RESTful API，前端通过Ajax调用这些API传递JSON数据。

后端示例（Java）:

@RestController
@RequestMapping("/api/users")
public class UserController {@PostMappingpublic ResponseEntity<User> createUser(@RequestBody User user) {// 处理创建用户逻辑return ResponseEntity.ok(user);}
}

前端示例（JavaScript, 使用Fetch API）:

async function createUser(user) {const response = await fetch('/api/users', {method: 'POST',headers: {'Content-Type': 'application/json'},body: JSON.stringify(user)});if (!response.ok) {throw new Error(`HTTP error! status: ${response.status}`);}return response.json();
}

使用multipart/form-data进行文件上传

对于文件上传，Spring Boot提供了MultipartFile来处理。

后端示例（Java）:

@PostMapping(value = "/upload", consumes = MediaType.MULTIPART_FORM_DATA_VALUE)
public ResponseEntity<String> handleFileUpload(@RequestParam("file") MultipartFile file) {// 处理文件上传逻辑return ResponseEntity.ok("File uploaded successfully.");
}

前端示例（JavaScript, 使用FormData）:

async function uploadFile(file) {const formData = new FormData();formData.append('file', file);const response = await fetch('/upload', {method: 'POST',body: formData});if (!response.ok) {throw new Error(`HTTP error! status: ${response.status}`);}return response.text();
}