formenctype 是 submit 类型的 input 或 button 的属性，用于临时覆盖 form 的 enctype；仅对该按钮提交生效，不影响表单默认行为，且只在点击瞬间决定编码方式。
formenctype 是什么，和 enctype 有什么区别
formenctype 是 <input type="submit"> 或 <button type="submit"> 上的属性，用于临时覆盖父级 <form> 的 enctype 设置。它不改变表单本身默认行为，只影响“点击这个按钮时”那一瞬间的编码方式。
关键点在于：浏览器只认 <form> 的 enctype 作为整体提交依据；formenctype 是一种“按需切换”的机制，仅在该按钮触发表单提交时生效。
- 如果
<form>没设enctype，默认是application/x-www-form-urlencoded；此时某个按钮加了formenctype="multipart/form-data"，那它提交时就走 multipart 编码 - 反之，若
<form>已设enctype="multipart/form-data"，但某个按钮想用普通编码（比如只传文本不传文件），就可以用formenctype="application/x-www-form-urlencoded"覆盖 -
formenctype只对type="submit"的<input>和<button>有效，写在<input type="file">或其他控件上完全无效
为什么需要 formenctype？常见使用场景
一个表单里混着文本字段和文件输入，但不同操作逻辑需要不同编码——这是 formenctype 最典型的用武之地。
例如：评论区表单含 <input name="content"> 和 <input type="file" name="image">，但“发布评论”按钮只需提交文本，“上传图片”按钮才要带文件。
立即学习“前端免费学习笔记（深入）”；
- “发布评论”按钮：
<button type="submit" formenctype="application/x-www-form-urlencoded">发布</button>—— 后端收到的是content=hello，没文件，解析快、无 boundary 开销 - “上传图片”按钮：
<button type="submit" formenctype="multipart/form-data">上传</button>—— 浏览器自动构造带boundary的请求体，后端用multer或request.files接收 - 注意：两个按钮必须共用同一个
<form>，否则无法共享字段值；且表单本身enctype建议留空或设为默认，避免干扰按钮的覆盖逻辑
formenctype 写错或失效的典型表现
最常遇到的问题不是功能不存在，而是浏览器根本没按你写的执行——往往因为拼写、位置或 method 不匹配。
- 拼写错误：
formenctype="mutlipart/form-data"（少了个 i）或FormEnctype（大小写敏感） → 浏览器静默忽略，回退到<form>的enctype或默认值 - 写在错误标签上：
<input type="file" formenctype="...">→ 完全无效，属性被丢弃 - 搭配
method="get"使用：<button formenctype="multipart/form-data" ...>+<form method="get">→ 浏览器禁止 multipart 提交 GET 请求，直接降级为application/x-www-form-urlencoded，文件字段变为空字符串或 fakepath - 动态 JS 创建按钮后补
formenctype属性：必须在点击前设置好，如果事件监听里才 setAttribute，可能已来不及触发编码切换
后端怎么识别是哪个按钮触发的提交
formenctype 只影响请求体编码格式，不自动附带按钮标识。要区分不同提交路径，得靠额外字段或命名约定。
- 推荐做法：给每个 submit 按钮加
name和value，如<button name="action" value="post">发布</button>和<button name="action" value="upload">上传</button> - 后端检查
req.body.action（application/x-www-form-urlencoded）或req.body.get('action')（multipart/form-data下需用busboy或formidable解析文本字段） - 注意：
multipart/form-data中按钮的name/value会作为普通表单字段出现在某一部分，不是 header，也不是文件字段，别误当成文件名处理 - 不要依赖
Content-Type头判断按钮类型——两个按钮都可能发出multipart/form-data，头信息一样，只有业务字段能区分意图
真正容易被忽略的是：formenctype 的切换发生在浏览器打包请求体那一瞬，它不改变 DOM 结构、不触发 JS 事件、也不影响表单验证逻辑。如果你在 submit 事件里修改了表单字段再期望编码自动适配，那是做不到的——编码方式在点击瞬间已锁定。
