Laravel 多文件上传：前端与后端实现详解

<form method="POST" action="{{ route('storeLesson') }}" enctype="multipart/form-data">
    <!-- 表单内容 -->
</form>

<form method="POST" action="{{ route('storeLesson') }}" enctype="multipart/form-data">
    @csrf {{-- Laravel CSRF 保护 --}}
    <div class="mb-3">
        @foreach($course->lessonFolders as $folder)
            <div class="card mb-2">
                <div class="card-header">{{ $folder->name }}</div>
                <div class="card-body">
                    {{-- 隐藏字段传递 lesson_folder_id --}}
                    <input type="hidden" name="lesson_folder_id" value="{{ $folder->id }}">

                    <label for="lessonFiles-{{ $folder->id }}" class="form-label">上传课程文件 (支持多选)</label>
                    {{-- 关键：使用 lessons[] 并添加 multiple 属性 --}}
                    <input name="lessons[]" type="file" class="form-control" id="lessonFiles-{{ $folder->id }}" multiple>

                    <div class="mt-2">
                        @foreach($folder->lessons as $lesson)
                            @if($lesson->lesson)
                                <span class="badge bg-success me-1">{{ basename($lesson->lesson) }}</span>
                            @endif
                        @endforeach
                    </div>
                </div>
            </div>
        @endforeach
    </div>
    <button class="btn btn-danger" type="submit">上传</button>
</form>

use Illuminate\Http\Request;
use App\Models\Lesson; // 确保引入 Lesson 模型

class LessonController extends Controller
{
    public function storeLesson(Request $request)
    {
        // 1. 验证请求数据
        $validatedData = $request->validate([
            'lesson_folder_id' => 'required|exists:lesson_folders,id', // 确保文件夹ID存在
            'lessons' => 'required|array|min:1', // 必须上传至少一个文件
            'lessons.*' => 'file|mimes:pdf,doc,docx,mp4,mov|max:20480', // 每个文件必须是指定类型且最大20MB
        ], [
            'lesson_folder_id.required' => '请选择一个课程文件夹。',
            'lesson_folder_id.exists' => '指定的课程文件夹不存在。',
            'lessons.required' => '请上传至少一个课程文件。',
            'lessons.array' => '上传的课程文件格式不正确。',
            'lessons.min' => '请上传至少一个课程文件。',
            'lessons.*.file' => '上传的不是有效文件。',
            'lessons.*.mimes' => '文件类型不支持。支持PDF, DOC, DOCX, MP4, MOV。',
            'lessons.*.max' => '单个文件大小不能超过20MB。',
        ]);

        $lessonFolderId = $validatedData['lesson_folder_id'];
        $uploadedFiles = $validatedData['lessons']; // 这是一个包含 UploadedFile 对象的数组

        // 2. 遍历并存储每个文件
        foreach ($uploadedFiles as $file) {
            // 将文件存储到 'my_files' 磁盘下的 'lessons' 目录
            // store() 方法会自动生成唯一文件名并返回相对路径
            $path = $file->store('lessons', ['disk' => 'my_files']);

            // 3. 为每个上传的文件创建新的 Lesson 记录
            Lesson::create([
                'lesson_folder_id' => $lessonFolderId,
                'lesson' => $path, // 存储文件路径
                'name' => $file->getClientOriginalName(), // 存储原始文件名，方便显示
                // 根据实际需求添加其他字段
            ]);
        }

        return redirect('/courses')->with('success', '所有课程文件已成功上传。');
    }
}

'disks' => [

    'local' => [
        'driver' => 'local',
        'root' => storage_path('app'),
    ],

    'public' => [
        'driver' => 'local',
        'root' => storage_path('app/public'),
        'url' => env('APP_URL') . '/storage',
        'visibility' => 'public',
    ],

    's3' => [
        'driver' => 's3',
        'key' => env('AWS_ACCESS_KEY_ID'),
        'secret' => env('AWS_SECRET_ACCESS_KEY'),
        'region' => env('AWS_DEFAULT_REGION'),
        'bucket' => env('AWS_BUCKET'),
        'url' => env('AWS_URL'),
        'endpoint' => env('AWS_ENDPOINT'),
        'use_path_style_endpoint' => env('AWS_USE_PATH_STYLE_ENDPOINT', false),
    ],

    'my_files' => [
        'driver' => 'local',
        'root'   => public_path() . '/uploads' // 将文件存储到 public/uploads 目录下
    ]
],