html文件上传表单的method必须设为post且enctype必须显式设为multipart/form-data，否则浏览器不发送文件字段或后端无法解析；get因无请求体且url长度限制，根本不能传文件。
form 的 method 必须用 POST
HTML 文件上传表单的 method 只能设为 POST，设成 GET 会直接失败——浏览器根本不会发送文件字段，后端也收不到任何文件数据。
原因很简单：GET 把参数拼在 URL 后，而文件二进制内容无法编码进 URL，且有长度限制；POST 才支持通过请求体（body）传输 multipart/form-data 编码的文件流。
-
<form method="GET"></form>+<input type="file">→ 表单提交后，files属性为空，服务端完全收不到文件 - 即使你手动改 DOM 把
method改成GET，现代浏览器也会静默忽略文件字段 - 部分老浏览器（如 IE8）甚至会直接报错或禁用提交按钮
enctype 是关键，不能漏写
只写 method="POST" 还不够。必须显式设置 enctype="multipart/form-data"，否则文件照样传不上去——默认的 application/x-www-form-urlencoded 会把文件转成空字符串或 [object File] 字面量。
常见错误：复制了别人的表单 HTML，但漏掉了 enctype，结果前端看似选了文件、点了提交，后端日志里却显示 request.files 为空。
- 正确写法：
<form method="POST" enctype="multipart/form-data"></form> - 错误写法：
<form method="POST"></form>（缺enctype，文件字段被丢弃） - Vue/React 中动态生成表单时，也要确保这个属性被真实渲染到 DOM 上，而不是仅存在 JS 对象里
后端接收逻辑依赖 enctype 类型
前端 enctype 写对了，后端框架才可能正确解析。比如：
- Express（Node.js）需要
multer中间件处理multipart/form-data，原生req.body和req.file都不会自动填充 - Django 的
request.FILES只在enctype="multipart/form-data"时有值，否则为空字典 - Flask 的
request.files同理，若前端没发对编码类型，getlist('file')返回空列表 - 注意：有些代理（如 Nginx）默认限制
client_max_body_size，大文件上传会直接返回 413 错误，和method或enctype无关，但容易误判
不用 JavaScript 也能验证是否配置正确
打开浏览器开发者工具，在 Network 标签页里点开刚提交的请求，看 Headers → Request Headers 里有没有 Content-Type: multipart/form-data; boundary=...；再看 Payload，应该能看到分段的字段和文件二进制头（比如 ------WebKitFormBoundary... 开头的内容）。
如果看到的是 Content-Type: application/x-www-form-urlencoded，或者 Payload 里只有普通键值对、没有 boundary 分隔符，说明 enctype 没生效。
- 检查是否被 JS 覆盖：比如用
form.setAttribute('enctype', '...')但执行时机太晚（如在 submit 事件里），实际提交已按旧属性发出 - 检查是否被框架干扰：Next.js 的
<form></form>在 App Router 中默认走客户端导航，需加action指向服务端路由，否则可能触发 fetch 提交而非原生表单提交 - 表单嵌套在 Shadow DOM 里时，某些浏览器可能不继承或不识别
enctype，建议避免
method 就完事，enctype 缺失或错配才是线上最常见的“传了文件却收不到”的根源。很多人盯着后端代码查半天，其实问题卡在第一行 HTML 里。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
