Cara Mengubah Hala URL atau Laluan menggunakan Laravel Livewire 3

Dalam siaran ini, saya akan menunjukkan Cara Ubah Hala URL atau Laluan menggunakan Laravel Livewire 3.

Dalam contoh ini, kami akan mencipta komponen PhotoUpload Livewire. Komponen ini akan menampilkan borang dengan medan input fail dan termasuk pengesahan imej. Pengguna boleh memilih imej, yang kemudiannya akan dimuat naik ke folder storan menggunakan ciri WithFileUploads. Selepas memuat naik imej kami akan mengubah hala laluan dengan mesej kilat. Anda Boleh Belajar Cara Sesi Mesej Flash dalam Laravel Livewire 3

Cara mengubah hala URL atau Laluan menggunakan Contoh Laravel Livewire 3

Langkah 1: Buat Komponen Muat Naik Foto

Sekarang di sini kita akan mencipta komponen Livewire menggunakan arahan mereka. Jadi jalankan arahan berikut untuk mencipta tambah lagi komponen.
php artisan make:livewire PhotoUpload
Kini mereka mencipta fail pada kedua-dua laluan:

app/Livewire/PhotoUpload.php

resources/views/livewire/photo-upload.blade.php

Sekarang, kedua-dua fail akan kami kemas kini seperti di bawah untuk borang hubungi kami.

apl/Livewire/PhotoUpload.php

<?php

namespace App\Livewire;

use Livewire\Component;
use Livewire\WithFileUploads;
use App\Models\Image;

class PhotoUpload extends Component
{
    use WithFileUploads;

    public $photo;

    public function render()
    {
        return view('livewire.photo-upload');
    }

    public function submit(){
        $this->validate([
            "photo" => "required|image"
        ]);

        $filepath = $this->photo->store("photos");

        $image = Image::create([
            "title" => "Test",
            "filepath" => $filepath
        ]);

        session()->flash("success", "Image uploaded successfully");

        return redirect()->route("home");
    }
}

Baca Lagi

Atas ialah kandungan terperinci Cara Mengubah Hala URL atau Laluan menggunakan Laravel Livewire 3. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!