Laravel 多文件上传功能实现教程

<form action="{{ route('Listingimages.store', $listing->id) }}" method="POST" enctype="multipart/form-data">
    @csrf {{-- Laravel 推荐使用 @csrf 指令代替 {{csrf_field()}} --}}
    @method('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">上传图片</button>
</form>

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

class ListingimageController extends Controller
{
    /**
     * 处理多图片上传并存储。
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  int  $id 关联的列表ID
     * @return \Illuminate\Http\RedirectResponse
     */
    public function store(Request $request, $id)
    {
        // 验证规则：'image' 确保文件数组存在且不为空。
        // 'image.*' 可以用于验证数组中的每个文件，例如文件类型、大小等。
        $request->validate([
            'image' => 'required|array', // 确保 'image' 是一个数组且不为空
            'image.*' => 'image|mimes:jpeg,png,jpg,gif|max:2048', // 验证每个文件为图片，类型和大小
        ]);

        $listing = Listing::findOrFail($id); // 查找关联的列表

        // 检查是否有文件上传
        if ($request->hasFile('image')) {
            // 遍历所有上传的文件
            foreach ($request->file('image') as $uploadedFile) {
                // 为每个文件创建新的图片模型实例
                $image = new Listingimage();

                // 获取文件原始扩展名
                $extension = $uploadedFile->getClientOriginalExtension();
                // 生成唯一的文件名，避免文件冲突
                $filename = time() . '_' . Str::random(10) . '.' . $extension;
                // 获取文件原始名称
                $fileOriginalName = $uploadedFile->getClientOriginalName();

                // 将文件移动到指定目录
                // 'assets/images/listingimages/' 是存储路径，请确保该目录存在且可写
                $uploadedFile->move('assets/images/listingimages/', $filename);

                // 存储图片信息到数据库
                $image->listing_id = $id;
                $image->image_url = $filename; // 存储文件名或相对路径
                $image->nom_image = $fileOriginalName; // 存储原始文件名
                $image->save();
            }
        }

        return redirect()->back()->with('success', '图片上传成功！');
    }
}

// app/Models/Listingimage.php
namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;

class Listingimage extends Model
{
    use HasFactory;

    protected $fillable = ['listing_id', 'image_url', 'nom_image'];

    public function listing()
    {
        return $this->belongsTo(Listing::class);
    }
}

// app/Models/Listing.php
namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;

class Listing extends Model
{
    use HasFactory;

    protected $fillable = ['name', /* ... */];

    public function images()
    {
        return $this->hasMany(Listingimage::class);
    }
}