step 属性对文件上传控件完全无效，它仅适用于 type="number" 输入框，浏览器会忽略其在 type="file" 上的所有作用；限制上传份数需前端用 multiple + js 校验 files.length 并清空 value，后端必须二次校验。
step 属性对文件上传控件完全无效
step 是 <input type="number"> 的专用属性，用于控制数值输入的增量步长。它在 <input type="file"> 上**没有任何作用**——浏览器会忽略它，既不校验、也不限制选择文件数量，更不会影响 multiple 行为。
真正能限制上传份数的是 multiple + accept + 前端 JS 校验
限制用户一次最多选 N 个文件，需组合使用以下手段：
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
-
multiple属性必须存在（否则只能选 1 个） -
accept只过滤文件类型，不影响数量 - 必须用 JavaScript 监听
change事件，检查files.length - 超出时主动清空
input.files并提示用户（注意：不能直接赋值files = null，需用input.value = ""）
<input type="file" id="upload" multiple accept=".pdf,.jpg"><script>
document.getElementById("upload").addEventListener("change", function(e) {
if (e.target.files.length > 3) {
alert("最多只能选择 3 个文件");
e.target.value = ""; // 清空选择，这是关键
}
});
</script>
后端必须二次校验，前端限制可被绕过
用户禁用 JS、用 curl 或 Postman 发送多于限制的文件，前端逻辑就失效了。所以：
- 后端收到请求后，务必检查
request.files（或对应框架的文件列表）长度 - Node.js（Express + multer）中需配置
limits.files，例如multer({ limits: { files: 3 } }) - Python Flask 中用
len(request.files.getlist("file"))判断 - 返回明确错误（如 HTTP 400 + JSON { "error": "too_many_files" }），避免静默截断
想实现“每次只传 1 个但允许多次点击”？别用 multiple
如果业务要求用户逐个上传（比如带进度条、单个校验），应：
- 去掉
multiple属性，让每次<input type="file">只选 1 个 - 上传成功后，保留该
input，不重置也不重建（否则 Chrome 会触发两次选择框） - 若需“清空已选”，用
input.value = ""，而非移除再插入新节点 - 避免监听
click后立即input.click()，可能被浏览器拦截
step 连边都沾不上。关键在前后端配合：前端用 JS 控制交互体验，后端用明确规则兜底，而 DOM 层面的属性误用，往往就是问题迟迟不解决的起点。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
