enctype属性直接控制表单数据序列化方式，必须设为multipart/form-data才能上传文件且需配合method="POST"；默认application/x-www-form-urlencoded仅支持文本，text/plain极少使用。
enctype 属性决定表单数据怎么打包发出去
它不是可有可无的装饰属性，而是直接控制浏览器如何序列化表单字段、生成请求体的底层开关。不设或设错，后端要么收不到数据，要么收到一堆乱码或空文件。
三个合法值里，application/x-www-form-urlencoded 是默认值，适合纯文本；multipart/form-data 是唯一能传文件的编码；text/plain 几乎没人用，仅作调试观察原始值时参考。
-
enctype只在method="post"（或put等带 body 的方法）下生效，method="get"时整个属性被忽略 - 只要表单里有一个
<input type="file">，就必须设enctype="multipart/form-data"，哪怕其他字段全是文本 - 设了
enctype="multipart/form-data"却没配method="post"，浏览器会静默退回到默认编码，<input type="file">的 value 为空字符串
formenctype 能让同一个表单的不同按钮走不同编码路径
它不是替代 enctype，而是“临时覆盖”——只对点击它的那个 <button type="submit"> 或 <input type="submit"> 生效。
典型场景：一个表单里既有普通提交（如保存草稿），又有上传附件按钮。前者用默认 application/x-www-form-urlencoded，后者加 formenctype="multipart/form-data" 即可。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
立即学习“前端免费学习笔记（深入）”；
- 必须写在提交按钮上，不能写在
<form>或非 submit 类型的按钮上 - 如果按钮没写
formenctype，就走父<form>的enctype；写了就完全覆盖，不管父级设的是什么 - 注意：JavaScript 拦截
submit事件后手动发请求（比如用fetch+FormData），此时enctype和formenctype都失效，得靠你代码里构造的Content-Type决定
常见报错背后其实是 enctype 没生效
后端收不到文件、req.files 为空、中文变乱码、& 字符被截断……这些问题八成不是后端逻辑错，而是前端 enctype 没配对。
- Chrome DevTools → Network → 点开请求 → Headers → 查
Content-Type：如果不是multipart/form-data; boundary=...，说明enctype没起作用（可能是被 JS 覆盖、method错写成get、或者父级<form>根本没写该属性） - 后端报
Invalid boundary in multipart，大概率是前端手动设置了Content-Type头但没传boundary，或者用fetch发送时把FormData当字符串塞进了body - 用 Postman 测试成功，但前端失败？检查是否漏了
enctype，或用了第三方请求库（如 Hutool）却没开启 URL 编码——application/x-www-form-urlencoded必须编码，否则&、=、空格都会破坏结构
后端解析逻辑完全取决于 enctype 类型
同一个 request 对象，在不同 enctype 下，字段和文件的提取方式天差地别。不能套用一种写法处理所有情况。
-
application/x-www-form-urlencoded：后端通常用req.body（Express）、request.getParameter()（Java Servlet）、request.form（Flask）读文本字段；文件字段根本不存在 -
multipart/form-data：文本字段和文件字段混在同一个请求体里，但结构不同。Flask 得分开用request.form.get()和request.files.get()；Spring Boot 里@RequestParam只收文本，@RequestPart才能接文件；Node.js 的multer或busboy是必备中间件 - 字段名大小写敏感：
<input name="Avatar">和后端request.files.get("avatar")对不上，就会返回null
Content-Type 真的匹配你写的 enctype。很多人改了 HTML 却没刷新页面，或者被框架模板缓存掩盖了问题，结果在后端白调半天。 
