© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•3y ago•
3 replies
SJ

Upload Files automatically in FileUpload after Drag & Drop

I would like to create a simple file upload form that automatically saves the files after drag & drop or after file selection in the location specified in the code without an additional submit button.

Would this be possible with Filament Forms?

    public function form(Form $form): Form
    {
        return $form
            ->statePath('data')
            ->schema([
                FileUpload::make('file')
                ->label('Dateien hochladen')
                ->disk('s3')
                ->directory($this->path)
                ->imagePreviewHeight('150')
                ->preserveFilenames()
                ->multiple()
                ->moveFiles()
                ->removeUploadedFileButtonPosition('right')
                ->uploadButtonPosition('right')
                ->uploadProgressIndicatorPosition('left')
            ]);
    }
    public function form(Form $form): Form
    {
        return $form
            ->statePath('data')
            ->schema([
                FileUpload::make('file')
                ->label('Dateien hochladen')
                ->disk('s3')
                ->directory($this->path)
                ->imagePreviewHeight('150')
                ->preserveFilenames()
                ->multiple()
                ->moveFiles()
                ->removeUploadedFileButtonPosition('right')
                ->uploadButtonPosition('right')
                ->uploadProgressIndicatorPosition('left')
            ]);
    }
Solution
Okay after some digging in the Classes i found this:
->afterStateUpdated(function (FileUpload $component) {
          $component->saveUploadedFiles($component);
          $this->updateMedia();
})
->afterStateUpdated(function (FileUpload $component) {
          $component->saveUploadedFiles($component);
          $this->updateMedia();
})
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

I cannot upload files with FileUpload
FilamentFFilament / ❓┊help
2y ago
"Drag & Drop your files or Browse" translation issue
FilamentFFilament / ❓┊help
2y ago
How to upload mp3 files using FileUpload?
FilamentFFilament / ❓┊help
3y ago
Kanbans drag and drop
FilamentFFilament / ❓┊help
3y ago