© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•12mo ago•
4 replies
Boa Hancock

How to Access TemporaryUploadedFile Data from FileUpload

Hi!

I’m using the
FileUpload
FileUpload
component in my Livewire form. I want to access information about the uploaded file, such as its
size
size
,
width
width
, and
height
height
, using the
TemporaryUploadedFile
TemporaryUploadedFile
. Can someone explain how I can achieve this?

FileUpload::make('image')
          ->label('Case Image')
          ->image() 
          ->imageEditor()
          ->openable()
          ->downloadable()
          ->previewable()
          ->required() 
          ->disk('s3') 
          ->directory('media/cases')
          ->maxSize(256)
          ->placeholder('Drag and drop or browse to upload your image')
          ->reactive()
          ->afterStateUpdated(function (?string $state, Set $set, Get $get, TemporaryUploadedFile $file) {
              dd($file->getSize(), $file->dimensions());
          }),
FileUpload::make('image')
          ->label('Case Image')
          ->image() 
          ->imageEditor()
          ->openable()
          ->downloadable()
          ->previewable()
          ->required() 
          ->disk('s3') 
          ->directory('media/cases')
          ->maxSize(256)
          ->placeholder('Drag and drop or browse to upload your image')
          ->reactive()
          ->afterStateUpdated(function (?string $state, Set $set, Get $get, TemporaryUploadedFile $file) {
              dd($file->getSize(), $file->dimensions());
          }),


I can retrieve the necessary information using
getUploadedFileNameForStorageUsing
getUploadedFileNameForStorageUsing
, but I cannot do so with
afterStateUpdated
afterStateUpdated
. My goal is to use
afterStateUpdated
afterStateUpdated
to display the data in real time, whereas
getUploadedFileNameForStorageUsing
getUploadedFileNameForStorageUsing
sets the data only after the changes have been saved.

->getUploadedFileNameForStorageUsing(function (Set $set, Get $get, TemporaryUploadedFile $file){
    $fileSize = $file->getSize(); 
    $fileDimensions = $file->dimensions();

    $set('size', round($fileSize / 1024, 2));
    $set('width', $fileDimensions[0]);
    $set('height', $fileDimensions[1]);
    
    $hash = str()->random(30);
    $timestamp = now()->timestamp;  
    $extension = '.' . $file->getClientOriginalExtension();

    return $hash.$timestamp.$extension;
}),  
->getUploadedFileNameForStorageUsing(function (Set $set, Get $get, TemporaryUploadedFile $file){
    $fileSize = $file->getSize(); 
    $fileDimensions = $file->dimensions();

    $set('size', round($fileSize / 1024, 2));
    $set('width', $fileDimensions[0]);
    $set('height', $fileDimensions[1]);
    
    $hash = str()->random(30);
    $timestamp = now()->timestamp;  
    $extension = '.' . $file->getClientOriginalExtension();

    return $hash.$timestamp.$extension;
}),  
Solution
try
TemporaryUploadedFile $state
TemporaryUploadedFile $state
Jump to solution
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources
Was this page helpful?

Similar Threads

Recent Announcements

Similar Threads

Access TemporaryUploadedFile in mutateFormDataBeforeCreate
FilamentFFilament / ❓┊help
3y ago
TemporaryUploadedFile -> disk()
FilamentFFilament / ❓┊help
2w ago
How to access filter data from a widget?
FilamentFFilament / ❓┊help
3mo ago
FileUpload base64 data
FilamentFFilament / ❓┊help
3y ago