Vue-dropzone: Header Parm names

[kyoukhana]

I have added some parameters. But in Laravel there is no value being passed here is my vue code of the component.

 <dropzone id="fileDropZone"  url="api/track/upload" options="{headers:{'Token':{{tokenVal}},'trackCategory':{{track.trackCategory}}}}"></dropzone>

Upload controller code

   /*Upload File */
    public function uploadFile(Request $request){

        $file = $request->file('file');
        $file->store('tracks/multiv');
        $trackCat= $request->trackCategory;

        $token= $request->Token;
        $fileName=$file->getFilename();

        /*Return response */
        return response()->json([
            'filename' => $fileName,
            'trackCategory' => $trackCat,
            'token' => $token,
        ]);

    }

[kyoukhana]

Problem is the Headers are not even being passed in the Post.

[kyoukhana]

Any ideas on this issue? Really Struggling with this one.

[rowanwins]

Hi @kyoukhana

So you'll need to do a couple of things

1. First set v-bind:use-custom-dropzone-options="true"
2. Secondly pass in your v-bind:dropzone-options="options"

````

````

Hope that helps

[kyoukhana]

Shouldn't options be like this

 v-bind:dropzone-options="{{options}}"

[rowanwins]

@kyoukhana when passing down props using v:bind there is no need to use the {{ }} syntax, take a look at the vue doco for more info.