HTML代码中form标签enctype与二进制传输-html教程-PHP中文网

enctype必须写在标签上，不能加在或js中；必须为小写multipart/form-data且method="post"，否则文件不上传。

html代码中form标签enctype与二进制传输

enctype必须写在

上，不是或JS里

很多人把 enctype 加到 <input type="file"> 上，或者以为用 JS 动态设 form.enctype = 'multipart/form-data' 就够了——其实只要没写在 <form></form> 标签里，浏览器就当它不存在。

常见错误现象：后端 req.files 或 request.FILES 为空，但表单其他字段能收到；调试发现请求体里根本没有 boundary=，Content-Type 仍是 application/x-www-form-urlencoded。

<form enctype="multipart/form-data" method="POST"></form> 是唯一有效位置
大小写必须小写：multipart/form-data，写成 MULTIPART/FORM-DATA 或 mutlipart/form-data（少个 p）都会失效
动态创建表单时，form.enctype = 'multipart/form-data' 要在 append 到 DOM 前执行，否则部分浏览器仍按默认编码提交

method不能是GET，否则enctype被静默忽略

哪怕你写了 enctype="multipart/form-data"，只要 method="GET"，浏览器就会直接丢弃文件字段——因为 GET 没有请求体（body），而 multipart 必须靠 body 传分块数据。

此时你看到的现象是：表单照常提交，URL 里可能带了 ?avatar=C%3A%5Cfakepath%5Cphoto.jpg 这种路径字符串，但后端根本收不到文件内容。

Doc To HTML

使用 MinerU 文档处理引擎将 Word 文档（.doc、.docx）转换为保留结构和格式的干净 HTML。

下载

必须用 method="POST"（或 PUT、PATCH 等支持 body 的方法）
不要试图用 GET 拼 query string 传文件名来“绕过”，那只是字符串，不是二进制流
某些框架（如 Vue）用 @submit.prevent 拦截后手发请求，此时 enctype 属性已无效，得靠 FormData 和 fetch 配合

fetch + FormData 时不看enctype，但Content-Type不能手动硬设

如果你用 JS 提交（比如 fetch），<form enctype></form> 属性完全不生效。起作用的是你构造的 FormData 对象——只要用了它，浏览器会自动设置正确的 Content-Type: multipart/form-data; boundary=...。

容易踩的坑是：手动加 headers，比如 { 'Content-Type': 'multipart/form-data' }，结果丢了 boundary，后端解析失败；或者错用 JSON.stringify 把 File 变成 [object File]。

✅ 正确写法：fetch('/upload', { method: 'POST', body: new FormData(form) })
❌ 错误写法：headers: { 'Content-Type': 'application/json' } + JSON.stringify(data)
❌ 错误写法：headers: { 'Content-Type': 'multipart/form-data' }（缺 boundary）
FormData.append('file', input.files[0]) 的第二个参数必须是 File 实例，不是 input.value

后端解析依赖这个header，不能靠getParameter()取文件

一旦用了 enctype="multipart/form-data"，整个请求体就变成多段结构，每段带自己的 Content-Disposition 和 Content-Type。这时候调用 request.getParameter()（Java）或 req.body（Express 默认）是拿不到文件的——它们只处理 urlencoded 的键值对。

真正容易被忽略的是：这个切换不是可选的，是强制的。你改了前端 enctype，后端就必须换解析方式，否则连文本字段都可能读错。

Node.js + Express 需要 multer 中间件，不能只靠 body-parser
Django 自动识别 request.FILES，但前提是请求头含 multipart/form-data
Java Servlet 必须用 request.getPart() 或第三方库（如 Apache Commons FileUpload），不能用 getParameter()
流只能读一次：getParameter() 和 getInputStream() 冲突，顺序错了就全空