Laravel 8 文件上传教程：解决 enctype 缺失导致的图片上传失败

<form action="{{ route('services.store') }}" method="POST" enctype="multipart/form-data">
    @csrf
    <div class="mt-4">
        <div>
            <label class="block" for="Name">Name</label>
            <input name="name" type="text" placeholder="Name"
                   class="w-full px-4 py-2 mt-2 border rounded-md focus:outline-none focus:ring-1 focus:ring-blue-600">
            @error('name') <small class="text-red-700">{{$message}}</small> @enderror
        </div>

        <div class="mt-4">
            <div>
                <label class="block" for="details">Details</label>
                <input name="info" type="text" placeholder="Details"
                       class="w-full px-4 py-2 mt-2 border rounded-md focus:outline-none focus:ring-1 focus:ring-blue-600">
                @error('details') <small class="text-red-700">{{$message}}</small> @enderror
            </div>

            <div class="mt-4">
                <div>
                    <label class="block" for="Image">Image</label>
                    <input name="image" type="file" placeholder="File"
                           class="w-full px-4 py-2 mt-2 border rounded-md focus:outline-none focus:ring-1 focus:ring-blue-600">
                    @error('image') <small class="text-red-700">{{$message}}</small> @enderror
                </div>

                <div class="mt-4">
                    <label class="block" for="price">Price</label>
                    <input name="price" type="text" placeholder="Price"
                           class="w-full px-4 py-2 mt-2 border rounded-md focus:outline-none focus:ring-1 focus:ring-blue-600">
                    @error('price') <small class="text-red-700">{{$message}}</small> @enderror
                </div>

                <div class="mt-4">
                    <label>
                        <select name="category" class="w-full px-4 py-2 mt-2 border rounded-md focus:outline-none focus:ring-1 focus:ring-blue-600">
                            @forelse($categories as $category)
                                <option value="{{$category->id}}">{{$category->name}}</option>
                            @empty
                                <option value=""></option>
                            @endforelse
                        </select>
                    </label>

                    @error('categories') <small class="text-red-700">{{$message}}</small> @enderror
                </div>

                <div class="flex">
                    <button type="submit" class="w-full px-6 py-2 mt-4 text-white bg-blue-600 rounded-lg hover:bg-blue-900">Create Service</button>
                </div>
            </div>
        </div>
    </div>
</form>

<?php

namespace App\Http\Controllers;

use App\Models\Service;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Storage; // 引入 Storage Facade

class ServiceController extends Controller
{
    /**
     * Store a newly created service in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return \Illuminate\Http\Response
     */
    public function store(Request $request)
    {
        // 1. 数据验证
        $request->validate([
            'name' => ['required', 'string', 'max:255'],
            'info' => ['required', 'string'],
            'price' => ['required', 'numeric'], // 价格通常是数字
            'image' => ['required', 'image', 'mimes:jpeg,png,jpg,gif,svg', 'max:2048'], // 验证图片类型和大小
            'category' => ['required', 'exists:categories,id'], // 验证分类ID是否存在
        ]);

        $image_name = null; // 初始化图片文件名

        try {
            // 2. 处理文件上传
            if ($request->hasFile('image')) {
                $image = $request->file('image');
                // 生成唯一的文件名，避免冲突
                $image_name = time() . '_' . uniqid() . '.' . $image->getClientOriginalExtension();
                $dest_path = 'public/images/services'; // 定义存储路径

                // 使用 Storage Facade 存储文件
                // Laravel 会将 'public' 映射到 storage/app/public 目录
                // 如果需要通过 URL 访问，需要运行 php artisan storage:link
                Storage::putFileAs($dest_path, $image, $image_name);

                // 如果你想直接存储到 public 目录并通过 public_path() 访问，可以使用以下方式：
                // $image->move(public_path('images/services'), $image_name);
            }

            // 3. 创建服务记录并保存
            Service::create([
                'name' => $request->name,
                'info' => $request->info,
                'price' => $request->price,
                'image' => $image_name, // 存储图片文件名到数据库
                'category_id' => $request->category,
                'user_id' => auth()->id(),
            ]);

            return redirect()->route('services.index')->with('status', 'Service inserted successfully');

        } catch (\Exception $e) {
            // 4. 错误处理
            // 记录详细错误信息，便于调试
            \Log::error('Service insertion failed: ' . $e->getMessage(), ['exception' => $e]);
            return redirect()->back()->with('status', 'Error: ' . $e->getMessage()); // 显示更具体的错误信息
        }
    }
}