Uploading images in repeatable without base64

[klaaskox]

Hi,
I have a model Image that has one-to-one polymorphic relations with other models, based on the example in the Laravel documentation.

I am trying to include the images in the edit form like this:

        CRUD::addField([
            'name' => 'images',
            'label' => 'Images',
            'type' => 'repeatable',
            'reorder' => true,
            'fields' => [
                [
                    'name' => 'title',
                    'label' => 'Title',
                    'type' => 'text',
                    'wrapperAttributes' => [
                        'class' => 'form-group col-md-6'
                    ],
                ],
                [
                    'name' => 'file',
                    'label' => 'Image',
                    'type' => 'image',
                    'prefix' => '/myprefix/',
                    'height' => '30px',
                    'width'  => '30px',
                    'crop'   => 'true',
                    'withFiles' => true,
                    'wrapperAttributes' => [
                        'class' => 'form-group col-md-6'
                    ],
                ],
            ],
            'wrapperAttributes' => [
                'class' => 'form-group col-md-12'
            ],
        ]);

When I click the save button I get an SQL error because it tries to write a base64 image to the database (1406 Data too long for column 'file'). However, I want to store the image as a file and save the file location to the database.

This works fine when the image is inside a regular form, but I cannot get it to work when the image is in a repeater. What am I missing?

Thanks!

[karandatwani92]

Hey @klaaskox

I just tested and achieved what you are trying:

CRUD::field([
            'name'      => 'images',
            'type'      => 'repeatable',
            'subfields' => [
                [
                    'name'    => 'alt_text',
                    'wrapper' => ['class' => 'form-group col-md-6'],
                ],
                [
                    'name'    => 'image',
                    'type'    => 'image',
                    'height' => '300px',
                    'width'  => '300px',
                    'crop'   => 'true',
                    'wrapper' => ['class' => 'form-group col-md-6'],
                    'withFiles' => [
                        'disk' => 'public', // the disk where file will be stored
                        'path' => 'slides', // the path inside the disk where file will be stored
                    ]
                ],
            ],
        ]);

Notice: The prefix attribute moved into the withFiles attribute as path.

[klaaskox]

Hey @karandatwani92
Thanks again! Your example helped me a lot, it's working fin now!