Livewire Image Preview Before Upload

Image preview with Livewire:

Component

use WithFileUploads;

public $photo;

public function save()
{
    $this->validate([
        'photo' => 'image|max:1024',
    ]);
    
    $this->photo->store('photos');
}

View

@if ($photo)
    
@endif

Save

With Loading

    Uploading...