不必为每行建独立表单；只需整个表格包在一个中，各的name属性唯一（如attachment_row_1），并设置enctype="multipart/form-data"和method="post"即可。
直接在 <td> 里放 <code><input type="file"> 就能实现，但必须注意表单结构、文件名命名和提交逻辑——否则后端根本收不到对应行的文件。
每行一个 <input type="file"> 必须嵌套在独立表单里吗？
不一定。你可以把整个表格包在一个 <form></form> 中，只要每个 <input type="file"> 的 name 属性有唯一标识（比如带行号或业务 ID），后端就能区分哪份文件属于哪一行。
- 推荐用语义化命名，例如：
name="attachment_row_1"、name="invoice_file_id_123" - 避免全用相同
name="file"，否则后端只能拿到最后一个值 - 如果表格是动态生成的，确保 JS 拼接
name时没有重复或空值 - 不需要为每行建独立
<form></form>，那样反而导致 submit 行为混乱、无法批量上传
enctype="multipart/form-data" 忘加会导致什么？
文件字段会完全失效：浏览器不编码二进制数据，后端收到的 req.files 是空对象或 undefined，甚至可能报 400 错误 —— 而且控制台通常不报错，只默默丢弃文件字段。
- 必须设置在包裹表格的
<form></form>上，不是<input>上 - 同时确认
method="post"，GET 不支持文件传输 - 若用
fetch或XMLHttpRequest提交，不用<form></form>，但手动构建FormData时也得保证键名与后端约定一致
用户选了文件但提交后后端收不到？检查这三点
常见原因不是代码写错，而是被忽略的细节卡住了链路。
-
<input type="file">没有name属性 → 后端无从取值 - 前端用了
event.preventDefault()却没手动调fetch或xhr.send()→ 表单没真发出去 - 后端解析 multipart 时未正确配置中间件（如 Node.js 漏了
express-fileupload或multer的single()/fields()配置）→ 文件被跳过
尤其注意：如果某行的 <input> 是空的（用户没选文件），对应 name 不会出现在请求体中，后端需做健壮性判断，不能假定所有行都有附件。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
