Element UI el-upload 上传 XML 文件需手动读取内容并设置正确 Content-Type；before-upload 返回 false 不清空文件列表，需显式赋值 fileList=[]；中文文件名需 Base64 编码传参；Vue 3 中 http-request 需用箭头函数绑定上下文并返回 Promise。
Element UI el-upload 上传 XML 文件时读不到内容？
不是组件不支持，是默认用 file 模式上传，XML 被当二进制发走了，后端收不到明文。必须手动读取并转成字符串或 Blob。
- 别直接传
file给el-upload的http-request，先用FileReader读取 - 读取完成后再调用
axios或fetch发送，Content-Type设为text/xml或application/xml - 如果后端要求 FormData，得把 XML 字符串转成
Blob再 append：new Blob([xmlStr], { type: 'text/xml' })
为什么 el-upload 的 before-upload 返回 false 后文件列表还显示？
因为 before-upload 只控制是否上传，不控制 UI 展示逻辑。Element UI 默认会把所有选中的文件都加进 file-list，哪怕你拒绝上传。
- 显式清空
file-list：在before-upload里返回false前，执行this.fileList = [] - 或者改用
auto-upload=false，自己控制触发时机，避免自动挂载 - 注意：如果用了
multiple，要遍历过滤掉非 XML 文件，别只判断第一个
XML 文件名含中文或特殊字符，上传后后端解析失败
浏览器对 Content-Disposition 中的 filename 编码不一致，Chrome 用 UTF-8，Safari 可能用 Latin-1，导致后端拿到乱码文件名，甚至解析中断。
- 在
http-request中手动设置请求头：headers['Content-Disposition'] = 'attachment; filename="xml-file.xml"'（固定英文名） - 更稳妥的是：不依赖文件名，把原始文件名 Base64 后放自定义 header，比如
X-Filename-B64 - 后端收到后，优先从 body 解析 XML 内容，而不是靠文件名后缀判断格式
Vue 3 + Composition API 下，el-upload 的 http-request 拿不到 this 实例？
没错，http-request 是普通函数调用，不是 Vue 方法上下文，this 是 undefined。不能直接访问响应式数据或 setup 里的变量。
- 用箭头函数绑定作用域：
http-request={(payload) => uploadXml(payload)}，然后在uploadXml里用ref或props - 或者把需要的参数（如 token、API 地址）提前解构进闭包，别依赖
this - 别在
http-request里直接写异步逻辑——它不 await，必须 return Promise，否则 Element UI 认为上传失败
XML 解析本身不难，难的是上传链路里每层对编码、类型、上下文的隐式假设。尤其当后端用老版本 Java 或 .NET 处理 XML 时，少一个 header、多一个 BOM、错一个 MIME 类型，整条链就静默失败。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
