enctype="multipart/form-data" 是文件上传的硬性前提，必须显式写在form标签上且小写，否则浏览器按默认编码丢弃二进制内容，后端无法接收文件。
enctype="multipart/form-data" 是文件上传的硬性前提
只要表单里有
，就必须显式设置
。不设、写错、或依赖默认值，文件字段在后端一定为空——不是后端没写对，是前端根本没发过去。
浏览器默认用
编码，它会把
的值转成空字符串或不可靠的路径名（如
），二进制内容直接丢弃。只有
才会让浏览器把文件切分成带
和
头的二进制块（part），后端中间件（如 Multer、Flask
）才可能解析出来。
form 标签上必须显式声明，大小写要统一
不能省略，不能只靠 JS 补救；即使表单里只有一个文件输入框、其余全是文本框，也得写：
必须写在
标签上，写在
或其他地方无效
HTML 不区分大小写，但写成
容易让协作者误以为是拼写错误，统一小写最稳妥
如果用 Vue/React 动态渲染表单，检查 DevTools 里的最终 HTML，确认
确实存在且值正确——框架模板漏写很常见
JavaScript 提交时，enctype 属性其实不生效
当你用
或
手动发请求时，
这个属性被完全忽略。起作用的是你构造的数据对象：
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
立即学习
“
前端免费学习笔记（深入）
”；
✅ 正确：用
收集数据，再传给
—— 浏览器自动设
❌ 错误：手动拼
并设
，
会被转成
字符串，后端收不到任何二进制流
⚠️ 注意：
中的第二个参数必须是
实例，不是
（那是只读路径字符串，无用）
后端收不到文件？先看请求头是否匹配
抓包（如 Chrome DevTools Network 面板）看真实发出的请求：
检查
请求头是不是以
开头
如果看到
，说明前端没走对路：要么表单漏了
，要么 JS 阻止了默认提交但没用
Node.js + Multer 场景下，
为
90% 是这个原因，不是中间件没挂载好
FastAPI 中
参数为空、Flask 中
为空字典，也优先排查这个环节
真正容易被忽略的是：这个属性看似简单，却横跨 HTML 渲染、浏览器编码逻辑、HTTP 协议规范三层；一旦出问题，现象是“后端收不到”，但根因永远在前端表单配置那一行。
enctype="multipart/form-data"application/x-www-form-urlencodedtype="file"C:\fakepath\abc.jpgmultipart/form-dataContent-DispositionContent-Typerequest.filesenctypeMULTIPART/FORM-DATAenctypefetch()XMLHttpRequestnew FormData(formElement)fetch()Content-Type: multipart/form-data; boundary=...JSON.stringify(...)Content-Type: application/jsoninput.files[0][object File]FormData.append('file', input.files[0])Fileinput.valueContent-Typemultipart/form-data; boundary=application/x-www-form-urlencodedenctypeFormDatareq.fileundefinedFile()request.files