View existing image or file

[ujnana]

How to view existing image or file from server ?

[dasundev]

You can pass files as an array to the Dropzone component:

<livewire:dropzone
        wire:model="banners"
        :files="[ ... ]"
        :rules="['image', 'mimes:png,jpeg', 'max:10420']"
        :multiple="true" />

Each file in the array should follow this structure:

[
    'tmpFilename'   => '...',  // Temporary file name
    'name'          => '...',  // Original file name
    'extension'     => '...',  // File extension (e.g., png, jpeg)
    'path'          => '...',  // File path
    'temporaryUrl'  => '...',  // Temporary URL for preview
    'size'          => '...',  // File size in bytes
]

Make sure each element in the array follows this format to avoid unexpected errors.

For more details, refer to the official implementation: https://github.com/dasundev/livewire-dropzone/blob/main/src/Http/Livewire/Dropzone.php