enctype属性必须写在标签上，用于指定表单数据编码方式；默认值application/x-www-form-urlencoded不支持文件上传，含时须设为multipart/form-data，text/plain仅调试使用。

enctype 属性必须写在

标签上，不是写在 input 或 button 上；它只对原生表单提交生效，和 JavaScript 手动发请求无关。

enctype 该设成什么值

浏览器默认用 application/x-www-form-urlencoded，但这个值不能传文件。只要表单里有 ，就必须显式设为 multipart/form-data。第三个值 text/plain 几乎没人用，调试时看原始字段值才可能临时启用。

• application/x-www-form-urlencoded：所有字段 URL 编码后拼成 query string 风格，如 name=%E4%BD%A0&city=shanghai；适合纯文本
• multipart/form-data：把每个字段切分成独立 part，带 boundary 分隔，二进制内容原样传输；上传文件唯一合法取值
• text/plain：空格不变、换行保留、不编码特殊字符；服务端极难解析，不建议用于生产

formenctype 是干啥的

formenctype 是按钮级覆盖机制，只对 或 有效。它让同一个表单里不同按钮走不同编码方式——比如一个“保存文字”按钮用默认编码，另一个“上传头像”按钮强制走 multipart/form-data。

• 写在 type="button" 或 type="text" 上会被浏览器直接忽略
• 按钮必须属于某个
  （通过嵌套或 form 属性指向），否则 formenctype 不生效
• 如果
  但某个按钮写了 formenctype="multipart/form-data"，最终以按钮为准

常见错误：后端收不到字段

设了 enctype="multipart/form-data" 却只收到文件、收不到文本字段，问题几乎全出在后端没正确解析 multipart 请求体。

Convert Markdown To HTML And PDF - Markdown和HTML、PDF互转

实现 Markdown↔ HTML 互转，支持导出 PDF，用于用户请求的文档格式转换。

下载

• Node.js Express 默认不处理 multipart，必须加 multer 或 busboy，不能只靠 express.urlencoded()
• PHP 虽然默认支持，但 $_POST 里没有文件字段，$_FILES 为空通常是因为没选中 ，或前端根本没传
• Flask 中要用 request.form.get('xxx') 取文本字段，request.files.get('xxx') 取文件，不能混用
• 用 fetch + FormData 提交时，别手动设 Content-Type，否则浏览器会放弃自动加 boundary，导致请求体为空

method="get" 配 enctype 是无效组合

GET 请求没有请求体，而 multipart/form-data 必须靠 body 传输分块数据。浏览器遇到

会直接忽略 enctype，退回到默认编码， 字段被丢弃。

• 文件上传必须用 method="post"（或 put 等带 body 的方法）
• 即使你在 URL 后手动拼 ?file=test.jpg，也只是传了个字符串，不是文件内容
• enctype 和页面的 无关，它只控制表单数据如何序列化，不影响页面渲染

最容易被跳过的点是：前端设对 enctype 只是第一步，后端解析器是否匹配、是否调用了正确的 API（比如 request.files 而不是 req.body），才是真正决定字段能不能拿到的关键。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！