enctype必须设为multipart/form-data且method不能为get，否则文件上传失败；该编码下后端需用专用解析器处理混合的文本与文件字段。
form 的 enctype 值选错，文件根本传不上去
浏览器发表单时默认用 application/x-www-form-urlencoded 编码，这种编码会把二进制数据（比如图片、PDF）强行转成 ASCII 字符串，上传后服务端收到的就是损坏的乱码。要传文件，必须显式改掉这个值。
-
enctype="multipart/form-data"是唯一支持文件上传的取值，缺省值或其它值（如text/plain）都会让<input type="file">失效 - 只要表单里有任何一个
type="file"字段，整个表单就必须设为multipart/form-data，哪怕同时还有文本字段 - 别信某些“兼容写法”——
enctype不支持多个值，也不接受空格或逗号分隔
为什么 method="get" 配 enctype 是无效组合
HTTP GET 请求没有请求体（body），而 multipart/form-data 必须靠 body 传输分块数据。浏览器遇到 <form method="get" enctype="multipart/form-data"></form> 会直接忽略 enctype，退回到默认编码，导致文件字段被丢弃。
- 文件上传必须用
method="post"（或method="put"等有 body 的方法） - 即使你手动在 URL 后拼了
?file=test.jpg，这也只是传了个文件名字符串，不是文件内容 - 某些前端框架（如 Vue）如果用
@submit.prevent拦截后自己发请求，得确保用FormData构造并设置正确的Content-Type，此时enctype属性本身已不起作用
enctype="multipart/form-data" 下，后端怎么拿到字段和文件
这个编码格式会把整个请求体切成多个部分（parts），每个部分带自己的头（如 Content-Disposition），文本字段和文件字段混在同一个流里，但结构不同。后端解析逻辑和普通表单完全不同。
- Node.js（Express）需配合
multer或busboy，原生req.body和req.files都为空 - Python Flask 默认不解析 multipart，要用
request.files.get('avatar')读文件，request.form.get('username')读文本字段 - Java Spring Boot 中
@RequestParam和@RequestPart行为不同：前者只收文本，后者可收文件，别混用 - 字段名大小写敏感，
<input name="Avatar">和request.files.get('avatar')对不上
常见报错和调试线索
上传失败时，错误往往藏在请求细节里，而不是控制台红字。
立即学习“前端免费学习笔记（深入）”；
- Chrome DevTools → Network → 点开请求 → Headers → 查看
Content-Type是否为multipart/form-data; boundary=...；如果不是，说明enctype没生效或被 JS 覆盖 - 服务端日志出现
Invalid boundary in multipart，大概率是前端用fetch手动设置了Content-Type，又没删掉浏览器自动生成的boundary，应让浏览器自动设头（即不手动设Content-Type） - PHP 中
$_FILES为空但$_POST有值？检查php.ini的file_uploads = On和upload_max_filesize是否过小 - 用
curl测试时，必须加-F "file=@/path/to/file.jpg"，不能用-d，否则仍是 urlencoded
enctype 是表单级开关，不是某个 input 的属性；它生效的前提是 form 提交行为未被 JavaScript 完全接管；边界（boundary）由浏览器生成，不要手动生成或硬编码。 
