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();
}
在前后端分離架構中，Spring Boot作為后端框架，通過明確區分不同的Content-Type，可以靈活地處理數據交互和文件上傳需求，同時保持接口的清晰和易用性。
方法)
