Maximum file size cannot be set for FileUpload component

[alexmanase]

Package

filament/filament

Package Version

v2.12.28

Laravel Version

v9.16

Livewire Version

v2.10

PHP Version

PHP 8.1.6

Bug description

When I try to upload a larger file I get an error in console: 422 (Unprocessable Content). I set the limit for for max file size to 102400 KB, but it does not upload a file with size of 2.4 MB.

For smaller images it works perfectly, but in an ideal world it may be needed for larger images.

Steps to reproduce

1. Use the FileUpload component

public static function form(Form $form): Form
{
    // ...
    FileUpload::make('image')
        ->maxSize(102400)
        ->label('Featured Image')
        ->image()
}

2. Upload a large file (2 MB or greater)

Relevant log output

There is only one error in console:

`POST http://cms.test/livewire/upload-file?expires=1654702019&signature=df75b5ad101ec6b07d69162b79e3e21647abf5673d8ed49cf96f8b229e4dcdd8 422 (Unprocessable Content)`

[danharrin]

Does this help you? https://stackoverflow.com/a/2184541

The console error is from Livewire, not Filament.

[alexmanase]

I already tried that and didn't work.

[danharrin]

Unfortunately, I don't think this is something wrong with Filament, it is likely your server setup or Livewire

[alexmanase]

https://github.com/alexmanase/filament-upload-file-bug-demo

[danharrin]

I meant try using a file upload outside the form builder, without Filament, using Livewire

[alexmanase]

Got it.

[alexmanase]

Yeah, I think it's a Livewire bug. Can you please check on your machine, in order to be sure?

https://github.com/alexmanase/upload-file-bug-demo

[alexmanase]

I checked on somebody's computer and it looks like the problem is with my setup. Thank you for your help!

[DenisaHalmaghi]

I faced the exact same issue, this are the steps I took to make it work:

1. Publish the Livewire config
   php artisan livewire:publish --config

2. In config/livewire.php, modify the validation rules for temporary file uploads:

    'temporary_file_upload' => [
        ...
        'rules' => 'file|max:102400',
    ],

[MOHAMMED-ABD-RAZAQ]

thanks , this works for me

[YousefAlamir]

Same here, It worked.
Thanx

[cryswerton]

Thank you! It worked!

[adevade]

I ran into this as well. Turns out it was my local nginx config.

My error was 413 Request Entity Too Large though.

Setting client_max_body_size in the server config fixed it!

http {
    client_max_body_size 64M;

    // ...
}

The default is 1M, so not a lot.

Source on Stack Overflow

[VicChaos32]

This worked for me after setting php.ini alone didn't. Thanks.

php.ini
; Maximum allowed size for uploaded files.
upload_max_filesize = 40M

; Must be greater than or equal to upload_max_filesize
post_max_size = 40M

Some suggest setting post_max_size larger than upload_max_size since actual payload can be larger than the file itself.