<?php

return [
    ...
    
    'temporary_file_upload' => [
        'disk' => null, // Example: 'local', 's3'
        'directory' => null, // Example: 'tmp'
    ],
    
    ...
];

<?php

namespace App\Livewire\Demo;

use Livewire\Component;
use Livewire\WithFileUploads; // 1

class Upload extends Component
{
    use WithFileUploads; // 1.2

    public $file; // 3 model file mixed

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

<?php

use Illuminate\Support\Facades\Route;

Route::get('demo/upload', \App\Livewire\Demo\Upload::class)->name('demo.upload');

@slot('title')
    Demo Upload File
@endslot

<div>
    <div wire:loading wire:target="file">
        <span>Menyimpan file sementara..</span>
    </div>
    
    <form>
        @csrf
        <div>
            <input type="file" wire:model="file">
        </div>
    </form>
</div>

<?php

namespace App\Livewire\Demo;

use Livewire\Component;
use Livewire\WithFileUploads;

class Upload extends Component
{
    use WithFileUploads;

    public $file;
    
    /** fungsi upload.store */
    public function UploadStore()
    {
        $berkas = $this->file;

        /** Untuk mendapatkan nama file orsinil beserta ekstensinya */
        $name = $berkas->getClientOriginalName();

        /** Untuk mendapatkan nama file tanpa ekstensi */
        $filename = pathinfo($name)['filename'];

        /** Untuk mendapatkan extensi file */
        $ext = $berkas->getClientOriginalExtension();

        /** Untuk mendapatkan jenis mime file */
        $mime = $berkas->getMimeType();

        /** Untuk mendapatkan ukuran file dalam byte */
        $size = $berkas->getSize();

        /**
         * Upload file kedalam folder uploads
         * namai file tersebut sesuai nama asli dan ekstensinya
         * disk di set ke 'public' sehingga file akan diunggah
         * kedalam folder 'public/storage/uploads'
        */
        $this->file->storeAs(path: 'uploads', name: $name);

        /**
         * Sesi atau pesan status setelah proses upload
         */
        session()->flash('upload_store', [
            'name' => $name,
            'judul' => $filename,
            'ekstensi' => $ext,
            'mime' => $mime,
            'size' => $size,
            'file' => '/storage/uploads/' . $name
        ]);

        /**
         * Mengarahkan ke halaman saat ini
         */
        return back();
    }

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

@slot('title')
    Demo Upload File
@endslot

<div>
    <div wire:loading wire:target="file">
        <span>Menyimpan file sementara..</span>
    </div>

    {{-- sessi setelah upload --}}
    @session('upload_store')
    <div>
        <span>Nama File: {{ session()->get('upload_store')['name'] }}</span>
        <br>
        <span>Judul: {{ session()->get('upload_store')['judul'] }}</span>
        <br>
        <span>Mime: {{ session()->get('upload_store')['mime'] }}</span>
        <br>
        <span>Ekstensi: {{ session()->get('upload_store')['ekstensi'] }}</span>
        <br>
        <span>Ukuran: {{ session()->get('upload_store')['size'] }}</span>
        <br>
        <img src="{{ session()->get('upload_store')['file'] }}">
    </div>
    @endsession

    {{-- form upload --}}
    <form wire:submit.prevent="UploadStore">
        @csrf

        <div>
            <input id="file" type="file" wire:model="file">
        </div>

        <div>
            <button type="submit">Upload</button>
        </div>
    </form>

    {{-- Indikator ketika button upload di klik --}}
    <div wire:loading wire:target="UploadStore">
        <span>Proses upload mohon tunggu...</span>
    </div>
</div>