Filament•2y ago

Filament Upload Progressbar not working large size files

For files over 100 mb, the upload status does not appear at all, what could be the reason?

24 Replies

eazy•2y ago

What is your upload limit?

VultureOP•2y ago

20 GB Upload is fine but progress not showing

eazy•2y ago

Are you getting any errors in your console?

VultureOP•2y ago

nothing

eazy•2y ago

And its only with files over 100mb?

toeknee•2y ago

what about 95mb?

VultureOP•2y ago

if file larger than 100 mb not showing, no any errors

VultureOP•2y ago

only small files show progressbar

toeknee•2y ago

Can you find the threshold where it doesn't show?

VultureOP•2y ago

VultureOP•2y ago

looks like it's not stable, i can't see it at low scales files right now

toeknee•2y ago

Can you provide the code of the field in use?

VultureOP•2y ago

    protected function getFormSchema(): array
    {

        return [
            Grid::make([
                'sm' => 12,
                'xl' => 12,
                '2xl' => 12,
            ])
            ->schema([
                TextInput::make('title')->label('Etkinlik Adı')->required()
                ->columnSpan([
                    'sm' => 12,
                    'xl' => 6,
                    '2xl' => 6,
                ]),

                DateTimePicker::make('start_date')->label('Etkinlik Başlangıç Tarihi')->required()
                ->columnSpan([
                    'sm' => 12,
                    'xl' => 6,
                    '2xl' => 6,
                ]),

                Toggle::make('active')
                ->onColor('success')
                ->offColor('danger')
                ->label('Etkinlik Devam Ediyor')
                ->columnSpan([
                    'sm' => 12,
                    'xl' => 12,
                    '2xl' => 12,
                ]),

                Toggle::make('open_for_pool')
                ->label('Kullanıma Açık')
                ->onColor('success')
                ->offColor('danger')->columnSpan([
                    'sm' => 12,
                    'xl' => 12,
                    '2xl' => 12,
                ]),

                FileUpload::make('event_files')
                ->acceptedFileTypes($types = ['application/zip', 'application/x-compressed', 'application/x-zip-compressed', 'multipart/x-zip'])
                ->label('Etkinlik Görselleri ( Sadece ZIP Dosyaları Geçerlidir )')
                ->maxSize(10000000)
                ->disk('public')
                ->multiple(false)
                ->columnSpan([
                    'sm' => 12,
                    'xl' => 12,
                    '2xl' => 12,
                ]),

            ]),
        ];
    }

    protected function getFormSchema(): array
    {

        return [
            Grid::make([
                'sm' => 12,
                'xl' => 12,
                '2xl' => 12,
            ])
            ->schema([
                TextInput::make('title')->label('Etkinlik Adı')->required()
                ->columnSpan([
                    'sm' => 12,
                    'xl' => 6,
                    '2xl' => 6,
                ]),

                DateTimePicker::make('start_date')->label('Etkinlik Başlangıç Tarihi')->required()
                ->columnSpan([
                    'sm' => 12,
                    'xl' => 6,
                    '2xl' => 6,
                ]),

                Toggle::make('active')
                ->onColor('success')
                ->offColor('danger')
                ->label('Etkinlik Devam Ediyor')
                ->columnSpan([
                    'sm' => 12,
                    'xl' => 12,
                    '2xl' => 12,
                ]),

                Toggle::make('open_for_pool')
                ->label('Kullanıma Açık')
                ->onColor('success')
                ->offColor('danger')->columnSpan([
                    'sm' => 12,
                    'xl' => 12,
                    '2xl' => 12,
                ]),

                FileUpload::make('event_files')
                ->acceptedFileTypes($types = ['application/zip', 'application/x-compressed', 'application/x-zip-compressed', 'multipart/x-zip'])
                ->label('Etkinlik Görselleri ( Sadece ZIP Dosyaları Geçerlidir )')
                ->maxSize(10000000)
                ->disk('public')
                ->multiple(false)
                ->columnSpan([
                    'sm' => 12,
                    'xl' => 12,
                    '2xl' => 12,
                ]),

            ]),
        ];
    }

VultureOP•2y ago

using Resource

VultureOP•2y ago

code block in EditEvent.php

eazy•2y ago

what are your

upload_max_filesize
post_max_size

upload_max_filesize
post_max_size

in your php.ini? and in your config/livewire.php what is your rule for temporary_file_upload ?

VultureOP•2y ago

upload_max_filesize => 100000000000M => 100000000000M
post_max_size => 0 => 0

upload_max_filesize => 100000000000M => 100000000000M
post_max_size => 0 => 0

 'temporary_file_upload' => [
        'disk' => null,        // Example: 'local', 's3'              Default: 'default'
        'rules' => ['required', 'file', 'max:10000000'],       // Example: ['file', 'mimes:png,jpg']  Default: ['required', 'file', 'max:12288'] (12MB)
        'directory' => null,   // Example: 'tmp'                      Default  'livewire-tmp'
        'middleware' => null,  // Example: 'throttle:5,1'             Default: 'throttle:60,1'
        'preview_mimes' => [   // Supported file types for temporary pre-signed file URLs.
            'png', 'gif', 'bmp', 'svg', 'wav', 'mp4',
            'mov', 'avi', 'wmv', 'mp3', 'm4a',
            'jpg', 'jpeg', 'mpga', 'webp', 'wma',
        ],
        'max_upload_time' => 3000, // Max duration (in minutes) before an upload gets invalidated.
    ],

 'temporary_file_upload' => [
        'disk' => null,        // Example: 'local', 's3'              Default: 'default'
        'rules' => ['required', 'file', 'max:10000000'],       // Example: ['file', 'mimes:png,jpg']  Default: ['required', 'file', 'max:12288'] (12MB)
        'directory' => null,   // Example: 'tmp'                      Default  'livewire-tmp'
        'middleware' => null,  // Example: 'throttle:5,1'             Default: 'throttle:60,1'
        'preview_mimes' => [   // Supported file types for temporary pre-signed file URLs.
            'png', 'gif', 'bmp', 'svg', 'wav', 'mp4',
            'mov', 'avi', 'wmv', 'mp3', 'm4a',
            'jpg', 'jpeg', 'mpga', 'webp', 'wma',
        ],
        'max_upload_time' => 3000, // Max duration (in minutes) before an upload gets invalidated.
    ],

eazy•2y ago

can you maybe put your code in a code block so the indentations get saves its three times: ` around your code

VultureOP•2y ago

sure

eazy•2y ago

hmm okay

Dan Harrin•2y ago

10000000 is in KB i think so 100000000000M is 102400000000000 i think

VultureOP•2y ago

not worked, upload is complete but progress bar does not exists, this issue is also experiencing on nova & laravel vapor , they fixed it last week, https://github.com/laravel/nova-issues/issues/5256 It's a really bad situation, it pushes me to create a custom page because I can't use the upload properly, Is it just me having this problem or does anyone else have it too?

GitHub

Missing upload progress on Vapor field · Issue #5256 · laravel/nova...

Laravel Version: 9.48.0 Nova Version: 4.21.0 PHP Version: 8.1.13 Database Driver & Version: - Operating System and Version: - Browser type and version: - Reproduction Repository: - Descript...

Dan Harrin•2y ago

what console erros do you get its not the same issue as nova

VultureOP•2y ago

i have no any errors

Gaming

Programming

Filament Upload Progressbar not working large size files