DEV Community: Kathryn Tan

Concurrent,Chunked,Mult-file Upload with Livewire

Kathryn Tan — Wed, 22 Mar 2023 16:47:53 +0000

Laravel Livewire offers an easy way to upload multiple files in a few lines of code! One default behavior of Livewire's multi-file upload is uploading the files in one request.

There are times when we'd want to upload the files in separate requests, or customize how we upload each files--like showing separate file-upload progress bars, or even uploading each file in smaller chunks.

In my article, "Multi-File Upload with Livewire" , we walk through three approaches in uploading multi-selected files with Livewire:

Default upload of files: in a single request
Concurrent, upload of files in separate requests
Chunked and concurrent upload of files in separate requests

Article Link: https://fly.io/laravel-bytes/multi-file-upload-livewire/

Chunked File Upload with Livewire

Kathryn Tan — Wed, 22 Mar 2023 16:36:05 +0000

Have you ever encountered the 413 status code error when uploading files in your Laravel application? This is due to the file's size exceeding our application or its server's maximum request size limits!

Of course we can increase the config limits in our server and PHP's to allow file uploads until a certain, new, and increased maximum limit. But do we perpetually increase our config limitations with each new file limit exceeded?

In my article Chunked File Upload with Livewire, instead of perpetually relying on increasing config limitations on request size, we'll slice, dice, and merge file chunks with Livewire!

Collect Time Video Metrics with Livewire

Kathryn Tan — Wed, 22 Mar 2023 16:21:06 +0000

When creating online video tutorials, it is important to get insight on how viewers engage with each tutorial.

In my latest article "Collecting Time Video Metrics with Livewire", we use Laravel's response helper to serve videos in a route, and use Livewire to easily share user-video interaction to our server!