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

<form action="{{ route('Listingimages.store', $listing->id) }}" method="POST" enctype="multipart/form-data">
    @csrf {{-- Laravel CSRF 保护 --}}
    {{-- 注意：对于“store”操作，通常使用 POST 方法。如果您的路由定义为 PUT，请确保这是您的设计意图。 --}}
    {{-- @method('PUT') --}} 

    <label for="files">选择图片：</label>
    <input type="file" name="image[]" id="files" class="form-control" multiple>

    <button type="submit" class="btn btn-primary mt-3">上传图片</button>
</form>

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Models\Listing;       // 假设您的 Listing 模型路径
use App\Models\Listingimage;  // 假设您的 Listingimage 模型路径
use Illuminate\Support\Str;   // 用于生成更安全的文件名

class ListingimageController extends Controller
{
    /**
     * 处理多图片文件上传并保存到数据库。
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  int  $id  关联的 Listing ID
     * @return \Illuminate\Http\RedirectResponse
     */
    public function store(Request $request, $id)
    {
        // 1. 验证请求中的所有图片文件
        // 'image.*' 验证数组中的每个元素
        $request->validate([
            'image.*' => 'required|image|mimes:jpeg,png,jpg,gif,svg|max:2048', // 每张图片必须是图片类型，允许的格式和最大大小
        ], [
            'image.*.required' => '请选择要上传的图片文件。',
            'image.*.image'    => '上传的文件必须是图片。',
            'image.*.mimes'    => '图片格式必须是 JPEG, PNG, JPG, GIF 或 SVG。',
            'image.*.max'      => '单张图片大小不能超过 2MB。',
        ]);

        // 2. 查找关联的 Listing 模型实例
        $listing = Listing::findOrFail($id);

        // 3. 处理文件上传
        if ($request->hasFile('image')) {
            // 遍历所有上传的文件
            foreach ($request->file('image') as $file) {
                // 确保 $file 是一个有效的 UploadedFile 实例
                if ($file->isValid()) {
                    // 生成唯一文件名，防止命名冲突
                    $extension = $file->getClientOriginalExtension();
                    // 推荐使用 UUID 或结合时间戳与随机字符串，确保文件名全球唯一性
                    $filename = Str::uuid() . '.' . $extension; 
                    // 或者：$filename = time() . '_' . uniqid() . '.' . $extension;

                    // 定义文件存储路径 (相对于 public 目录)
                    $destinationPath = 'assets/images/listingimages/';

                    // 将文件移动到指定目录
                    // public_path() 返回应用程序的 public 目录的绝对路径
                    $file->move(public_path($destinationPath), $filename);

                    // 获取原始文件名
                    $fileOriginalName = $file->getClientOriginalName();

                    // 4. 保存图片信息到数据库
                    $image = new Listingimage();
                    $image->listing_id = $id;
                    $image->image_url = $destinationPath . $filename; // 存储相对路径，方便后续访问
                    $image->nom_image = $fileOriginalName;
                    $image->save();
                }
            }
        }

        // 5. 重定向并提供成功消息
        return redirect()->back()->with('success', '图片已成功上传！');
    }
}