Laravel 多图片数组上传指南：处理动态表单与文件存储优化

// 错误示例：尝试对文件数组调用 extension() 方法
$files = $request->file('filep');
if ($request->hasFile('filep')) {
    foreach ($files as $file) {
        // 这里的 $request->filep 仍然是一个数组，而不是单个 UploadedFile 实例
        // 尝试 $request->filep->extension() 将导致 "Call to a member function extension() on array" 错误
        $newImageName = time() . '-' . $request->name . '.' . $request->filep->extension();
        // ...
    }
}

<form action="{{ route('popups.store') }}" method="POST" enctype="multipart/form-data">
    @csrf
    <div id="dynamic_field">
        <!-- 如果这些字段也是动态添加并希望作为数组处理，应将 name 属性改为 name="datep[]" 和 name="title[]" -->
        <label>Date of showing</label>
        <input type="text" id="date" name="datep" class="form-control datepicker" value="" autofocus>

        <label for="title" class="control-label">Title</label>
        <input type="text" id="title" name="title" class="form-control" value="" autofocus>

        <label for="link" class="control-label">Link</label>
        <input type="text" id="link" name="linkp[]" class="form-control" value="" autofocus>

        <label for="bio" class="control-label">Text</label>
        <textarea class="form-control" name="bio[]" rows="3"></textarea>

        <label for="filep" class="control-label">Image</label>
        <input type="file" class="form-control-file" id="filep" name="filep[]">

        <button class="btn btn-success" type="submit">Submit</button>
        <a id="add" class="btn btn-info" style="color:white">Add new form</a>
    </div>                                      
</form>

use Illuminate\Http\Request;
use App\Models\Popup; // 假设你的模型是 Popup
use Illuminate\Support\Facades\Storage; // 用于 Storage 门面

class PopupController extends Controller
{
    public function store(Request $request)
    {
        try {
            // 1. 验证输入数据
            // 注意：如果前端通过 JS 动态添加表单时，将 datep 和 title 的 name 属性也修改为 datep[] 和 title[]，
            // 那么此处验证规则应为 'datep.*' 和 'title.*'。
            // 否则，如果 datep 和 title 始终是单个输入，则验证规则为 'datep' 和 'title'。
            // 以下示例假设它们也可能作为数组提交。
            $validatedData = $request->validate([
                'datep.*' => 'nullable|string|max:255',
                'title.*' => 'nullable|string|max:255',
                'linkp.*' => 'nullable|url|max:2048',
                'bio.*' => 'nullable|string',
                'filep.*' => 'nullable|image|mimes:jpeg,png,jpg,gif,svg|max:2048', // 对每个文件进行验证
            ]);

            // 2. 检查是否有文件上传
            if ($request->hasFile('filep')) {
                foreach ($request->file('filep') as $key => $file) {
                    // 确保 $file 是一个 UploadedFile 实例
                    if ($file && $file->isValid()) {
                        // 3. 生成唯一文件名
                        $extension = $file->getClientOriginalExtension(); // 获取原始扩展名
                        // 建议使用更健壮的方式生成文件名，例如结合时间戳和随机字符串
                        $fileName = uniqid() . '_' . time() . '.' . $extension;

                        // 4. 文件存储策略

                        // 选项一：存储到 public 目录（直接通过 URL 访问，不推荐用于敏感文件）
                        // $file->move(public_path('popups'), $fileName);
                        // $imagePath = 'popups/' . $fileName; // 存储到数据库的路径

                        // 选项二：使用 Laravel Storage 门面（推荐，更灵活，可切换存储驱动如 S3）
                        // 注意：如果使用 Storage::disk('public')，需要运行 'php artisan storage:link'
                        $file->storeAs('popups', $fileName, 'public'); // 存储到 storage/app/public/popups 目录
                        $imagePath = 'popups/' . $fileName; // 存储到数据库的路径

                        // 5. 创建数据库记录
                        // 这里的逻辑假设每次循环创建一个新的 Popup 记录，
                        // 并且 datep, title, linkp, bio 也是与当前文件对应的数组元素。
                        Popup::create([
                            'datep' => $validatedData['datep'][$key] ?? null,
                            'title' => $validatedData['title'][$key] ?? null,
                            'linkp' => $validatedData['linkp'][$key] ?? null,
                            'bio' => $validatedData['bio'][$key] ?? null,
                            'image_path' => $imagePath, // 存储文件路径
                        ]);
                    }
                }
            } else {
                // 如果没有文件上传，但可能还有其他数据需要保存，可以在这里处理
                // 例如，创建一个没有图片的 Popup 记录
                // Popup::create([
                //     'datep' => $validatedData['datep'][0] ?? null, // 假设至少有一个 datep/title
                //     'title' => $validatedData['title'][0] ?? null,
                //     // ... 其他非文件字段
                // ]);
            }

            return redirect()->back()->with('success', '内容已成功上传！');

        } catch (\Illuminate\Validation\ValidationException $e) {
            // 验证失败，返回错误信息
            return redirect()->back()->withErrors($e->errors())->withInput();
        } catch (\Exception $e) {
            // 其他异常处理
            return redirect()->back()->with('error', '上传过程中发生错误：' . $e->getMessage());
        }
    }
}

// 文件会存储在 public/popups 目录下
$file->move(public_path('popups'), $fileName);
$imagePath = 'popups/' . $fileName;