Laravel 8中多数组嵌套FormData多图片上传处理求助

核心思路 #

通过遍历请求中的estancias嵌套数组，逐个处理每个分段的图片文件：先存储文件到本地，再用Query Builder将文件关联数据写入数据库。

具体实现步骤及代码 #

1. 控制器处理逻辑

假设前端提交的FormData结构包含estancias数组，每个数组元素含基础字段（如name）和photos多文件字段，控制器方法示例：

use Illuminate\Http\Request;
use Illuminate\Support\Facades\DB;

public function store(Request $request)
{
    // 可选：添加请求验证
    $request->validate([
        'estancias.*.name' => 'required|string',
        'estancias.*.photos.*' => 'required|image|mimes:jpeg,png,jpg,gif|max:2048',
    ]);

    // 遍历每个estancia分段
    foreach ($request->input('estancias') as $index => $estanciaData) {
        // 1. 插入estancia基础数据，获取主键ID
        $estanciaId = DB::table('estancias')->insertGetId([
            'name' => $estanciaData['name'],
            // 补充其他estancia字段
            'created_at' => now(),
            'updated_at' => now(),
        ]);

        // 2. 获取当前分段的所有图片文件
        $photos = $request->file("estancias[$index][photos]");

        if ($photos) {
            $photoBatch = [];
            foreach ($photos as $photo) {
                // 存储图片到public磁盘（对应storage/app/public目录）
                $filePath = $photo->store('estancias', 'public');
                
                // 组装图片关联数据
                $photoBatch[] = [
                    'estancia_id' => $estanciaId,
                    'file_path' => $filePath,
                    'original_name' => $photo->getClientOriginalName(),
                    'created_at' => now(),
                    'updated_at' => now(),
                ];
            }

            // 3. 批量插入图片关联数据到数据库
            if (!empty($photoBatch)) {
                DB::table('estancia_photos')->insert($photoBatch);
            }
        }
    }

    return response()->json(['status' => 'success'], 201);
}

2. 关键注意事项

• 前端FormData构建：确保文件字段命名为estancias[0][photos][]、estancias[1][photos][]这类格式，循环添加每个分段的字段和文件。
• 文件访问配置：执行php artisan storage:link创建软链接，将storage/app/public映射到项目根目录的public/storage，前端可通过storage/estancias/xxx.jpg访问图片。
• 数据库表结构：需提前创建estancias表（存储分段基础数据）和estancia_photos表（存储图片关联信息，含estancia_id外键）。

内容的提问来源于stack exchange，提问作者Jesus91