本文详解在 laravel 8 的「多行编辑表单」中，为每一数据行单独上传并保存唯一文件（如凭证图片）的完整实现方案，涵盖 html 结构、控制器逻辑、数组索引对齐技巧及常见错误规避。
在 Laravel 中实现「多行数据批量编辑 + 每行独立文件上传」是一个典型但易出错的需求。核心难点在于： 提交的文件数组与其它字段（如 id[]、jumlah[]）虽按顺序排列，但若某行未选择文件，其对应位置将缺失，导致 foreach($request->id as $item => $v) 中 $item 索引与 $bukti[$item] 不匹配——这正是你遇到“所有行都存成同一个文件名”的根本原因。
✅ 正确做法：严格对齐索引，安全访问文件数组
首先，确保视图中每个文件输入框与其关联数据行一一对应（推荐使用 id 作为隐式索引锚点）：
@foreach($dataLaporans as $index => $row)@endforeach
✨ 关键改进：使用 name="bukti[{{ $row->id }}]" 替代 bukti[]，让文件上传字段以数据库主键为键名，避免顺序错位。
? 控制器逻辑：按 ID 键精准匹配 & 安全赋值
// 验证请求（务必添加）
$request->validate([
'id.*' => 'required|exists:data_laporans,id',
'bukti.*' => 'nullable|file|mimes:jpg,jpeg,png,pdf|max:2048',
]);
// 处理文件上传：按实际提交的键名（即 row ID）存储
$buktiMap = [];
if ($request->hasFile('bukti')) {
foreach ($request->file('bukti') as $id => $file) {
if ($file->isValid()) {
$filename = $file->hashName();
$file->storeAs('blabla', $filename);
$buktiMap[$id] = $filename;
}
}
}
// 批量更新：遍历提交的 ID 列表，安全取值
foreach ($request->id as $id) {
$data = [
'id_laporan' => $laporan_indikators->id,
'id_pertanyaan' => $request->id_pertanyaan[$id] ?? null,
'jumlah' => $request->jumlah[$id] ?? null,
'keterangan' => $request->keterangan[$id] ?? null,
'bukti' => $buktiMap[$id] ?? $request->oldBukti[$id] ?? null, // 保留原值或设为空
];
DataLaporan::where('id', $id)->update($data);
}⚠️ 必须注意的关键点
- 表单必须带 enctype="multipart/form-data"：这是文件上传的前提，已在你的代码中正确设置。
- 永远不要依赖 bukti[] 的顺序索引：浏览器对空文件输入框可能完全不提交该字段，导致数组长度不一致。
- 使用 ?? 空合并运算符：如 $buktiMap[$id] ?? '' 可防止未上传时触发 Undefined index 错误。
- 验证与安全：始终校验文件类型、大小，并调用 $file->isValid()。
- 数据库字段设计：确保 bukti 字段支持足够长度（如 VARCHAR(255)），并考虑是否需要记录原始文件名、MIME 类型等元信息。
? 总结
实现每行独立文件上传的核心是 “键对齐”而非“索引对齐”：用数据库 ID 作为所有字段（包括文件）的数组键名，从根本上消除顺序错位风险。配合 Laravel 的 hashName() 防重名、storeAs() 安全存储，以及空值安全访问（??），即可稳定支撑多行混合编辑场景。对于初学者，建议先在单行表单中验证文件逻辑，再扩展至批量，逐步构建信心与理解。
? 小贴士：可配合前端 JavaScript 动态显示已选文件名（监听 change 事件），提升用户体验；后端返回成功/失败消息时，也应包含具体哪一行更新了文件，便于调试。
