File Uploads in Livewire v4: Complete Tutorial

use Livewire\WithFileUploads;

class PhotoUpload extends Component
{
    use WithFileUploads;
    
    #[Validate('image|max:1024')]
    public $photo;
    
    public function save(): void
    {
        $this->validate();
        $this->photo->store('photos', 'public');
    }
}

<input type="file" wire:model="photo">
<div wire:loading wire:target="photo">Uploading...</div>