能，但只在表单未提交前有效；一旦 submit 事件触发或表单开始提交，再改 enctype 就无效——浏览器已按旧值封装数据；合法值仅三个："application/x-www-form-urlencoded"、"multipart/form-data"、"text/plain"。

form.enctype 属性能不能用 JavaScript 动态改？

能，但只在表单未提交前有效；一旦 submit 事件触发或表单开始提交，再改 enctype 就没用了——浏览器已按旧值封装数据。

怎么用 JS 设置 form.enctype？

直接赋值给 form.enctype，注意它只接受三个合法值："application/x-www-form-urlencoded"（默认）、"multipart/form-data"、"text/plain"。其他值会被忽略或回退到默认。

常见写法：

const form = document.querySelector('form');
form.enctype = 'multipart/form-data';

等价于设置属性：

dmap-jsapi-skill

DMap GL地图JSAPI（dmapgl）开发指南。用于编写、审查、调试 DMap 地图 API 代码，涵盖地图初始化、覆盖物渲染、图层管理、事件处理、控件交互等任务。当用户提及 dmap、dmapgl、jsapi‑gl 或相关地图开发需求时自动触发。

下载

form.setAttribute('enctype', 'multipart/form-data');

但推荐直接赋值，更直观且兼容性一致。

为什么设了 enctype 却没生效？

• 表单已监听 submit 并调用了 event.preventDefault()，但后续没手动调用 form.submit() —— 此时修改 enctype 有效；但如果靠原生提交，必须在 submit 事件触发前改好
• 用了 FormData + fetch 或 XMLHttpRequest 提交——这时 enctype 完全不生效，浏览器根本不读它
• 试图设成 "application/json" 这类非法值——浏览器静默忽略，仍按默认编码发送
• 元素不是 <form></form>，而是其他标签（比如 div），enctype 属性不存在，JS 赋值无效

和 FormData 搭配时要注意什么？

enctype 只影响原生表单提交行为；如果你用 new FormData(form) 构造数据，再用 fetch 发送，那 enctype 的值毫无作用——真正起作用的是 fetch 请求头和 body 类型。

例如：

const fd = new FormData(form);
// 即使 form.enctype 是 'text/plain'，这里 fd 仍是标准 multipart 格式
fetch('/upload', { method: 'POST', body: fd }); // 自动带正确的 Content-Type

这时候改 form.enctype 不会影响 fd 内容或请求行为。

实际用的时候，别指望靠 JS 动态改 enctype 来切换提交方式；该用 FormData 就用，该设属性就提前设好——临到 submit 才改，容易漏掉时机或误判生效条件。

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