XML文件用FormData提交最可靠：必须用input[type="file"]获取File对象直接append，禁用手动设置Content-Type，后端需校验text/xml或application/xml类型，前端响应用DOMParser解析并校验parsererror。
XML文件用 FormData 提交最可靠
直接把 XML 文件塞进 FormData 是目前兼容性最好、服务端最易接收的方式。浏览器原生支持，不用手动拼接边界（boundary），也不会因编码问题导致服务端解析失败。
关键点：必须用 input[type="file"] 获取 File 对象，不能用 readAsText 读成字符串再塞进去——那样就丢失了原始二进制结构和 Content-Type，后端收到的只是普通文本字段，不是上传文件流。
- 确保
input元素设置了accept=".xml"和multiple（如需多文件） -
FormData.append()的第二个参数必须是File实例，不是event.target.files[0].name - 不要手动设置
Content-Type请求头——让浏览器自动设为multipart/form-data; boundary=...
fetch 提交时禁用 Content-Type 头
如果用 fetch 发送 FormData，千万不能显式设置 Content-Type。否则浏览器会忽略自动生成的 boundary，导致后端收不到文件或报 400 Bad Request。
const formData = new FormData();
formData.append('xml_file', fileInput.files[0]);
fetch('/upload', {
method: 'POST',
body: formData
// ❌ 不要加 headers: { 'Content-Type': '...' }
});
常见错误现象：curl -F 能通，但 JS 提交返回空响应或 400；抓包发现请求体里没有 boundary 字符串——基本就是手动设了 Content-Type。
后端接收 XML 文件要注意 MIME 类型
虽然文件扩展名是 .xml，但浏览器上传时实际发送的 Content-Type 通常是 text/xml 或 application/xml（取决于系统注册表或浏览器判断）。服务端框架（如 Express、Flask、Spring）默认可能只解析 application/json 或表单，不自动处理 XML 上传流。
- Express +
multer：需配置fileFilter允许text/xml和application/xml - Flask：
request.files可直接取，但要用file.content_type in ('text/xml', 'application/xml')校验 - 别依赖文件后缀做类型判断——攻击者可改后缀绕过
上传成功后如何解析响应中的 XML 数据
如果后端返回的是 XML 格式的响应（比如 response.json()，而要用 response.text() 再用 DOMParser 解析：
fetch('/upload', { method: 'POST', body: formData })
.then(r => r.text())
.then(xmlStr => {
const parser = new DOMParser();
const xmlDoc = parser.parseFromString(xmlStr, 'text/xml');
const status = xmlDoc.querySelector('status')?.textContent;
console.log(status); // "ok"
});
容易被忽略的一点：DOMParser 对格式错误的 XML 会静默失败（xmlDoc.documentElement 为 null），建议加一层校验：
- 检查
xmlDoc.querySelector('parsererror')是否存在 - 响应头
Content-Type是否确实是text/xml或application/xml
