XML文件上传必须用FormData而非JSON，因HttpClient默认JSON序列化会破坏XML二进制内容；需禁用默认responseType，设为'text'或'xml'以避免解析错误，并配合FormData、进度监听与正确后端解析。
XML文件上传必须用 FormData 而不是 JSON
Angular 的 HttpClient 默认序列化请求体为 JSON，但 XML 文件是二进制内容，不能直接 JSON.stringify。强行传 XMLDocument 或字符串会丢失编码、破坏格式，后端收到的大概率是乱码或空内容。
正确做法是把文件包装进 FormData，让浏览器自动设置 Content-Type: multipart/form-data 并处理边界分隔符。
- 读取
File对象（比如从获取） - 新建
FormData实例，用append('file', file)添加 - 注意不要手动设置
Content-Type请求头 ——HttpClient会自动忽略它，由浏览器生成正确的 multipart 头
HttpClient.post() 必须禁用 responseType 默认值
默认 responseType: 'json' 会让 Angular 尝试解析响应体为 JSON，但后端返回的可能是纯文本（如 "success"）、XML 或空响应，导致 HttpErrorResponse 或解析失败。
上传成功后，你通常只关心状态码（200/201）和响应头，而不是响应体内容。
- 显式指定
responseType: 'text'最安全，避免解析干扰 - 如果后端返回的是标准 XML 响应且你需要解析，可用
responseType: 'xml'（仅 Chromium/Edge 支持，Firefox 不支持） - 更兼容的做法是保留
'text'，后续用new DOMParser().parseFromString(res, 'application/xml')手动解析
完整上传示例：含错误处理与进度监听
以下代码假设你已通过 event.target.files[0] 拿到 File 对象，且后端接口地址为 /api/upload：
const formData = new FormData();
formData.append('file', file); // 注意 key 名需与后端约定一致
this.http.post('/api/upload', formData, {
reportProgress: true,
responseType: 'text' // 关键：不设为 'json'
}).pipe(
catchError(err => {
if (err.status === 0) {
console.error('网络错误或 CORS 阻止');
} else if (err.status >= 400) {
console.error('上传失败:', err.error);
}
return throwError(() => err);
})
).subscribe({
next: res => console.log('上传成功:', res),
error: err => console.error('最终错误:', err)
});
注意：reportProgress: true 启用进度事件，但只有在 Content-Length 可知时才有效（即非 chunked 传输），XML 文件一般满足条件。
后端接收关键点（供前后端联调参考）
前端用 FormData 上传，后端必须按 multipart 解析，不能当成 raw body 或 JSON 处理。常见错误包括：
- Express：必须用
multer（而非body-parser），body-parser完全不处理multipart/form-data - Spring Boot：确保控制器方法参数是
@RequestParam("file") MultipartFile file，不是@RequestBody - ASP.NET Core：用
IFormFile接收，检查file.ContentType是否为text/xml或application/xml
XML 文件名中的中文、空格、特殊字符容易被截断或编码异常，建议前端上传前对 file.name 做 URL 编码，或后端统一用 filename* 参数（RFC 5987）提取原始文件名。
