[Bug] Dropzone withFiles fluent syntax doesn't populate fileNamer key on $this->crud->fields()

[kde99]

Bug report

What I did

CRUD::field("mellekletek")->type("dropzone")->withFiles([
            "path" => "ticketek/" . date("Y/m"),
            "fileNamer" => function ($file, $uploader) {
                dd($file, $uploader);
            }
        ])->label("Mellékletek");

Dropzone defined with fluent syntax like in the docs.

What I expected to happen

The file namer to be called and used.

What happened

File namer is ignored all together.

What I've already tried to fix it

I digged deeper. Backpack\Pro\Http\Controllers\Operations\DropzoneOperation#73 uses $this->crud->fields()[$fieldName]['withFiles'], if you set a breakpoint there and check the values in $this->crud->fields(), you will see that the dropzone defined using the fluent syntax will be missing the "withFiles" key.

Now if I do the "old" way, you can see it being populated and the filer namer be used correctly:

Is it a bug in the latest version of Backpack? YES

After I run composer update backpack/crud the bug... is it still there? Yes

Backpack, Laravel, PHP, DB version

When I run php artisan backpack:version the output is:

PHP VERSION:

8.3.8

PHP EXTENSIONS:

Core, bcmath, calendar, ctype, date, filter, hash, iconv, json, SPL, pcre, random, readline, Reflection, session, standard, mysqlnd, tokenizer, zlib, libxml, dom, PDO, openssl, SimpleXML, xml, xmlreader, xmlwriter, curl, ftp, fileinfo, gd, gettext, intl, imap, mbstring, exif, mysqli, Phar, pdo_mysql, pdo_pgsql, pdo_sqlite, soap, sockets, sqlite3, tidy, xsl, zip, mongodb, redis, xdebug

LARAVEL VERSION:

12.3.0.0

BACKPACK PACKAGE VERSIONS:

backpack/activity-log: 2.0.6
backpack/basset: 1.3.7
backpack/crud: 6.8.0
backpack/devtools: 3.1.7
backpack/generators: v4.0.7
backpack/pro: 2.2.32
backpack/theme-tabler: 1.2.17

Additional Information

Here's some more info that could be helpful in reproducing or debugging:
See above.

Note: Issues that cannot be reproduced or lack necessary details to diagnose could be closed.

[backpack-ai-bot]

I can confirm this is a known bug with the dropzone field when using the fluent syntax for withFiles() and the fileNamer parameter. This issue has been reported and fixed in previous versions of Backpack.

Based on the knowledge sources, there were similar issues reported where the fileNamer parameter was being ignored when using the dropzone field type. For example:

1. In issue #5363, a user reported that when using dropzone with withFiles, the fileNamer function/class parameter was ignored. This was confirmed as a bug by the Backpack team.

2. Similarly, in issue #5367, another user reported that the dropzone pro field doesn't execute the fileNamer function.

The Backpack team fixed this issue in backpack/pro 2.0.20, as mentioned in the comments on both issues. However, it appears that the bug might have resurfaced in your version (2.2.32).

Your debugging approach is correct - the issue seems to be that when using the fluent syntax, the withFiles configuration is not properly being added to $this->crud->fields(), which is what the DropzoneOperation is looking for.

As a workaround, you could try using the array syntax instead of the fluent syntax:

CRUD::field([
    'name' => 'mellekletek',
    'type' => 'dropzone',
    'label' => 'Mellékletek',
    'withFiles' => [
        'path' => 'ticketek/' . date('Y/m'),
        'fileNamer' => function ($file, $uploader) {
            dd($file, $uploader);
        }
    ]
]);

I recommend reporting this issue to the Backpack team since it appears to be a regression of a previously fixed bug.

ℹ️ Please note our AI Bot does not reply to follow-ups, this will be the only AI answer in this thread. If the AI helped you find the answer, please mark it as answered or write details below so it can learn. Then close the conversation. If not, please give more information for when a human reads this. ℹ️

Relevant sources:

Github Issue (open): [Bug] Dropzone within repeatable not working correctly
Github Issue (open): [Bug] field upload : the uploaded file link is not correct
Github Issue (closed): [Bug] dropzone field doesn't properly honor maxFiles on update / doesn't display error
Github Issue (closed): [Bug] Uploaded files cannot be deleted
Uploaders|Configuring the Uploaders
Github Issue (open): [Bug] Dropzone will not accept upload if enclosed in custom_html
Github Issue (open): [Bug] CRUD Repeatable field with sub field image. Use withFiles param path broken file after update model.
renaming files with dropzone
Github Issue (closed): [Bug] Dropzone field throws UnableToRetrieveMetadata exception if files are missing: Unable to retrieve the file_size for file at location
Dropzone in form operation? How?
Github Issue (open): [Bug] Dropzone not working
Github Issue (closed): Dropzone crud field not uploading
Github Issue (closed): [Bug] Dropzone pro field doesn't execute 'fileNamer'
Github Issue (closed): [Bug] When using dropzone and withFile the fileNamer function/class parameter is ignored

[karandatwani92]

Hey @kde99

Yes, you are right. I'm escalating the issue and assigning my colleague to fix it. Thanks for reporting.

@pxpm The fileNamer attribute is not being used when using fluent syntax. For example, I tested the following in monster CRUD:

• This doesn't work ❌

CRUD::field("dropzone")
            ->type("dropzone")
            ->label('Dropzone - drag&drop ' . backpack_pro_badge())
            ->tab('Uploads')
            ->withFiles([
                'disk' => 'public',
                'path' => 'uploads',
                'fileNamer' => function ($file, $uploader) {
                    return time().'.png';
                },
            ]);

• The array definition works ✅

        CRUD::addField([
            'label'        => 'Dropzone - drag&drop ' . backpack_pro_badge(),
            'name'         => 'dropzone',
            'type'         => 'dropzone',
            'tab'          => 'Uploads',
            'withFiles'    => [
                'disk' => 'public',
                'path' => 'uploads',
                'fileNamer' => function ($file, $uploader) {
                    return time() . '.png';
                },
            ],
        ]);