Laravel图片上传至数据库值为null且生成空数据问题求助

Hey there! Let's break down the problems in your code and get that image upload working properly. I see a few key issues causing your null image field and unexpected empty data entries:

1. Nested Forms Are Invalid HTML #

Your edit.blade.php has a form nested inside another form—HTML doesn't allow nested forms. This confuses browsers, leading to broken form submission logic (like those random empty data entries you're seeing).

Fix: Separate or Combine Forms #

Let's split the task update and image upload into two separate, non-nested forms. Here's the corrected edit.blade.php:

<div class="container">
    <h1>Edit the Task</h1>

    <!-- Task Update Form -->
    <form method="POST" action="/task/{{ $task->id }}">
        @csrf
        @method('PUT') <!-- Required for Laravel update routes -->
        <div class="form-group">
            <textarea name="description" class="form-control">{{ $task->description }}</textarea>
        </div>
        <div class="form-group">
            <button type="submit" name="update" class="btn btn-primary">Update Task</button>
            <button type="submit" name="delete" class="btn btn-danger">Delete Task</button>
        </div>
    </form>

    <!-- Image Upload Form -->
    <form action="{{ route('task.upload', $task->id) }}" method="POST" enctype="multipart/form-data" class="mt-3">
        @csrf
        <label>Select Image to Upload:</label>
        <div class="d-flex align-items-center gap-2">
            <input type="file" name="image" id="image" class="form-control">
            <button type="submit" name="insert" class="btn btn-primary">Upload Image</button>
        </div>
        @if($task->image)
            <img class="user_avatar mt-2" src="{{ asset('public/uploads/' . $task->image) }}" alt="Task Image">
        @else
            <img class="user_avatar mt-2" src="{{ asset('public/uploads/test.jpg') }}" alt="Default Image">
        @endif
    </form>
</div>

Note: I added @method('PUT') for the update form (Laravel requires this for PUT/PATCH requests) and cleaned up duplicate buttons.

2. Incorrect File Retrieval in Controllers #

You're using Request::get('image') to fetch the uploaded file—this only works for plain text form fields, not files. For file uploads, you need to use Laravel's file handling methods. Also, your two controllers both have an upload method, which will cause routing conflicts. Let's consolidate this into TaskController:

Updated TaskController.php #

use Illuminate\Support\Facades\Storage;

public function update(Request $request, Task $task) {
    if(isset($request->delete)) {
        $task->delete();
        return redirect('/');
    } else {
        $task->description = $request->input('description');
        $task->save();
        return redirect('/')->with('success', 'Task updated!');
    }
}

public function upload(Request $request, Task $task) {
    // Validate the uploaded file
    $request->validate([
        'image' => 'required|image|mimes:jpeg,png,jpg,gif|max:2048', // Adjust rules as needed
    ]);

    // Store the file and get the path
    if($request->hasFile('image')) {
        $imagePath = $request->file('image')->store('uploads', 'public');
        // Extract just the filename (optional, depending on your DB setup)
        $imageName = basename($imagePath);
        
        // Update the task's image field
        $task->image = $imageName;
        $task->save();
    }

    return redirect('/')->with('success', 'Image uploaded!');
}

Key changes: Used $request->file() to handle uploads, added validation, stored the file in Laravel's storage/app/public/uploads directory, and saved the filename to the database.

3. Route Setup #

Make sure your routes are correctly defined in routes/web.php to avoid conflicts:

use App\Http\Controllers\TaskController;

// Task update route
Route::put('/task/{task}', [TaskController::class, 'update'])->name('task.update');

// Image upload route
Route::post('/task/{task}/upload', [TaskController::class, 'upload'])->name('task.upload');

4. Final Checks #

• Run php artisan storage:link to create a symbolic link from public/storage to storage/app/public—this lets Laravel serve your uploaded images publicly.
• Ensure your tasks table has an image column (varchar type, enough length for filenames).

That should fix the null image field and stop those empty data entries from appearing!

内容的提问来源于stack exchange，提问作者eduu1688