input type="file" 的动态启用必须通过 disabled 属性控制，设置 disabled=true 禁用（变灰、无交互、不提交、files为空），false 恢复；display/visibility 仅隐藏不生效；multiple 和 accept 不影响启用逻辑，仅限制选择范围。
input type="file" 默认就是可用的，所谓“动态启用”，实际是指在运行时根据条件控制其是否可交互——比如初始禁用、表单校验通过后才放开，或配合权限逻辑开关状态。
disabled 属性是唯一可靠开关
别试图用 display: none 或 visibility: hidden 来“启用/禁用”上传控件：它们只是隐藏，不改变控件的可操作性；用户仍可能通过键盘焦点或脚本触发 click()。真正生效的只有原生 disabled 属性。
- 设置
input.disabled = true后，控件变灰、无法点击、不会触发change事件 - 设置
input.disabled = false即刻恢复可选文件能力 - 注意：
disabled状态下，该字段值不会随表单提交（即使用了form.submit()）
监听依赖条件再 toggle disabled
常见场景是等某个文本框填完、复选框勾选、或异步权限校验返回后再启用上传。关键点在于：不要只改样式，必须同步操作 disabled 属性。
- 例如：用户输入邮箱后才允许上传头像
- 监听
emailInput.addEventListener('input', () => { fileInput.disabled = !isValidEmail(emailInput.value); }) - 如果是异步权限检查（如调用
fetch('/api/can-upload')），拿到响应后再赋值fileInput.disabled = false，避免竞态
multiple 和 accept 不影响启用逻辑，但影响可用性
disabled 控制的是“能否点开选择框”，而 multiple 和 accept 是“点开后能选什么”。这两者互不干扰，但容易混淆。
- 即使
multiple为false，控件仍是“启用”状态，只是每次只能选一个文件 -
accept=".pdf,.docx"不会阻止用户打开选择框，只是浏览器在文件列表里过滤显示类型（非强制，可被绕过） - 如果想彻底禁止某类文件上传，校验必须放在 JS 层（读取
files[0].type或后缀）和后端，不能只靠accept
真正容易被忽略的是：disabled 状态下，files 属性永远为空数组，哪怕之前已选过文件——所以切换启用前，若需保留历史选择，得自己缓存 FileList 对象（注意它不可序列化，只能存引用或重新构造）。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
