Как сделать асинхронную загрузку нескольких файлов с помощью панели прогресса? ⇐ Php

[Anonymous]

У меня есть проблема, когда во время процесса загрузки файла панель прогресса не отображается. Хотите загрузить. < /p>
Как я могу решить оба этого? Кстати, я использую Livewire для моего приложения Laravel.

Код: Выделить всё

Upload Files


@if (session()->has('success'))

{{ session('success') }}

@endif




class="relative border-2 border-dashed border-neutral-600 rounded-lg p-6 flex flex-col items-center justify-center transition hover:bg-neutral-700">
[i]                        class="absolute inset-0 opacity-0 cursor-pointer z-10">



[/i]

Drop your file here or
browse

Only SVG, PNG, JPG, and MP4 are allowed.




@error('files.*')
{{ $message }}
@enderror


@if ($files)

Files to Upload:
[list]
@foreach ($files as $index => $file)
[*]


{{ $file->getClientOriginalName() }}

{{ round($file->getSize() / 1024, 2) }} KB



d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z"
clip-rule="evenodd"  />




@endforeach
[/list]

@endif



Upload Files








Uploading files, please
wait...




< /code>
И это мой контроллер: < /p>


Подробнее здесь: [url]https://stackoverflow.com/questions/79388301/how-to-make-an-asynchronous-multiple-file-upload-with-progress-bar[/url]