Dropzone field inside a repeatable field its not working !

[JawaharAdol]

I created a form operation which has 2 fields. A text and a dropzone.

Fields in Crud controller is built like

$this->crud->addField([
'name' => 'users_documents',
'label' => 'Document Info',
'new_item_label' => 'New Document',
'type' => 'repeatable',
'fields' => [
[
'name' => 'documents',
'type' => 'dropzone',
'label' => 'upload a file',
"withFiles" => true,
],
[
'label' => "Document Description",
'type' => 'text',
'name' => 'description',
],

],

This shows the field correctly. When I try to upload a file it just shows "[Object object]" under the field and the network console shows that an error is sent back from the upload handler "dropzone/upload" with the message of Cannot parse field name.
So I was wondering if anyone else already had this problem and if so how they fixed it.
Thanks in advance

[karandatwani92]

Hey @JawaharAdol

I tested it under repeatable, and it's working for me:

CRUD::field('gallery')->type('repeatable')->subfields([
  [
    'name'      => 'dropzone',
    'type'      => 'dropzone',
    'withFiles' => true,
    'wrapper'   => [
        'class' => 'form-group form-control col-md-7 col-xs-12',
     ],
   ],
]);

I'm using backpack/pro: 2.1.12

I doubt, you are not importing:

+use Backpack\Pro\Http\Controllers\Operations\DropzoneOperation;

class UploaderCrudController extends CrudController
{
    use \Backpack\CRUD\app\Http\Controllers\Operations\ListOperation;
    use \Backpack\CRUD\app\Http\Controllers\Operations\CreateOperation;
    use \Backpack\CRUD\app\Http\Controllers\Operations\UpdateOperation;
    use \Backpack\CRUD\app\Http\Controllers\Operations\DeleteOperation;
+    use DropzoneOperation;

Also, check if it is related to validations?

[karandatwani92]

Is your field name a method name in the model?

[JawaharAdol]

Hi @karandatwani92 ,

I’m sorry for the delayed response - I was out on holiday and not checking my messages as regularly. Thank you for your patience. Regarding your last before message yes, My filed name was a method name in model, did that will cause this an error.

For your reference below is my UserCrudController part

       $this->crud->addField([
            'name' => 'users_documents',
            'label' => 'Document Info',
            'new_item_label'  => 'New Document',
            'entity' => 'users_documents',
            'type' => 'repeatable',
            'model'     => "App\Models\UserDocuments",
            'fields' => [
                [
            'name' => 'documents',
           'type' => 'dropzone',
           'label' => 'upload a file',
           'withFiles' => true
            ],
         
                [
                    'label' => "Description",
                    'type' => 'text',
                    'name' => 'description',
                ],
            ],
            'tab' => 'Documents',
        ]);
    }

This is my User Model Relation with UserDocuments Model

 
public function user_documents()
    {
        return $this->hasMany('App\Models\UserDocuments','user_id');
    }

This is my UserDocuments Model Relation with User Model

public function user()
    {
        return $this->belongsTo('App\Models\User', 'user_id');
    }

Please help me to resolve this error

[karandatwani92]

Try changing your relationship name to userDocuments() or something else.

CamelCase is commonly used for accessors, functions, and relationships.

[JawaharAdol]

Yes, I changed my method name differently from field name , but still I'm facing same issue

[JawaharAdol]

Im getting another error while uploading a file in second set , its showing error like Dropzone already attached, issue -2 : while uploading a image I'm getting file name has false and my response is
files : [false] success : true
,

[karandatwani92]

Closing due to no activity!