the image editing section has not changed

controller

<?php

namespace App\Http\Controllers;

use App\Models\Slider;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Storage;

class SliderController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        return view('sliders.index',[
            'slider' => slider::paginate(10),
 
        ]);
    }

    /**
     * Show the form for creating a new resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function create()
    {
        return view('sliders.create',[
            "slider" => new slider(),
           ]);
    }

    /**
     * Store a newly created resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return \Illuminate\Http\Response
     */
    public function store(Request $request)
    {
        $slider = Slider::create([
            'gambar' =>  $request->file('gambar')->store('images/slider'),
            'judul1' => $request->judul1,
            'judul' => $request->judul,
            'text' => $request->text,
            'button1' => $request->button1,
            'button' => $request->button,
        ]);

      

        return redirect()->route('slider.index')->with('success', 'Slider berhasil dibuat');
    }

    /**
     * Display the specified resource.
     *
     * @param  \App\Models\Slider  $slider
     * @return \Illuminate\Http\Response
     */
    public function show(Slider $slider)
    {
        //
    }

    /**
     * Show the form for editing the specified resource.
     *
     * @param  \App\Models\Slider  $slider
     * @return \Illuminate\Http\Response
     */
    public function edit($id)
    {
        return view('sliders.edit', [
            'slider' => Slider::findorfail($id),
        ]);
    }

    /**
     * Update the specified resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  \App\Models\Slider  $slider
     * @return \Illuminate\Http\Response
     */
    public function update(Request $request, Slider $slider)



    { if ($request->hasFile('gambar')) {
        Storage::delete($slider->gambar); // Delete only if new image uploaded
        $gambar = $request->file('gambar')->store('images/slider');
    } else {
        $gambar = $slider->gambar; // Keep existing image path if not uploaded
    }
    
    $slider->update([
        'gambar' => $gambar,
        'judul1' => $request->judul1,
        'judul' => $request->judul,
        'text' => $request->text,
        'button1' => $request->button1,
        'button' => $request->button,
    ]);
    
    $message = $request->hasFile('gambar') ? 'Slider berhasil diupdate dengan gambar baru' : 'Slider berhasil diupdate tanpa mengubah gambar';
    
    return redirect()->route('slider.index')->with('success', $message);

    }

    /**
     * Remove the specified resource from storage.
     *
     * @param  \App\Models\Slider  $slider
     * @return \Illuminate\Http\Response
     */
    public function destroy(Slider $slider)
    {
        $slider->delete();

    // Delete the image file associated with the slider, if any
    if ($slider->gambar) {
        Storage::delete($slider->gambar);
    }

    return redirect()->route('slider.index')->with('success', 'Slider berhasil dihapus');
    }
}

LaryAI

2 years ago

Best Answer

Level 58

It seems like the user is having an issue with the image editing section of their application not updating as expected. From the provided code, the update method in the SliderController is responsible for handling the update of the slider, including the image.

Here's a revised version of the update method that ensures the image is updated correctly when a new one is uploaded:

public function update(Request $request, $id)
{
    $slider = Slider::findOrFail($id);

    // Check if a new image was uploaded
    if ($request->hasFile('gambar')) {
        // Delete the old image from storage
        if ($slider->gambar) {
            Storage::delete($slider->gambar);
        }
        // Store the new image and get the path
        $gambar = $request->file('gambar')->store('images/slider');
    } else {
        // Keep the old image path if no new image was uploaded
        $gambar = $slider->gambar;
    }

    // Update the slider with new data
    $slider->update([
        'gambar' => $gambar,
        'judul1' => $request->judul1,
        'judul' => $request->judul,
        'text' => $request->text,
        'button1' => $request->button1,
        'button' => $request->button,
    ]);

    // Prepare the success message
    $message = $request->hasFile('gambar') ? 'Slider berhasil diupdate dengan gambar baru' : 'Slider berhasil diupdate tanpa mengubah gambar';

    // Redirect with a success message
    return redirect()->route('slider.index')->with('success', $message);
}

Make sure that the form used to submit the update request includes the enctype="multipart/form-data" attribute to allow file uploads. Also, ensure that the form method is set to POST and includes a hidden _method field with the value PUT or PATCH to spoof the HTTP method since HTML forms do not support PUT or PATCH natively.

Here's an example of how the form tag should look:

<form action="{{ route('slider.update', $slider->id) }}" method="POST" enctype="multipart/form-data">
    @csrf
    @method('PUT')
    <!-- form fields -->
</form>

This should resolve the issue with the image editing section not updating as expected. If the problem persists, it may be necessary to debug further by checking the request data, ensuring the file upload is successful, and verifying that the image path is correctly stored in the database.

Please or to participate in this conversation.