title: Dropzone.js vuejs laravel message: "Undefined index: width"
body: <p>When I select a file it is uploaded to the public/upload-images folder. In the laravel Controller the validation fails because the params are not included in the request. When I dump and die. This is what I get. As you can see... the params are missing. Below that is the Dropzone setup.</p>
  <pre><code>    echo '&lt;pre&gt;';
      print_r(request()-&gt;all());
      echo '&lt;/pre&gt;';
      die();
  
      $data = request()-&gt;validate([
          'image' =&gt; '',
          'width' =&gt; '',
          'height' =&gt; '',
          'location' =&gt; '',
      ]);
  
      $image = $data['image']-&gt;store('user-images', 'public');
  
      $userImage = auth()-&gt;user()-&gt;images()-&gt;create([
          'path' =&gt; $image,
          'width' =&gt; $data['width'],
          'height' =&gt; $data['height'],
          'location' =&gt; $data['location'],
      ]);
  
      return new UserImageResource($userImage);
  </code></pre>
  <p>(
  [image] =&gt; Illuminate\Http\UploadedFile Object
  (
  [test:Symfony\Component\HttpFoundation\File\UploadedFile:private] =&gt;
  [originalName:Symfony\Component\HttpFoundation\File\UploadedFile:private] =&gt; 20220406_125155.jpg
  [mimeType:Symfony\Component\HttpFoundation\File\UploadedFile:private] =&gt; image/jpeg
  [error:Symfony\Component\HttpFoundation\File\UploadedFile:private] =&gt; 0
  [hashName:protected] =&gt;
  [pathName:SplFileInfo:private] =&gt; /tmp/phpdAwZvd
  [fileName:SplFileInfo:private] =&gt; phpdAwZvd
  )</p>
  <p>)
  </p>
  <p>props: [
  'imageWidth',
  'imageHeight',
  'location',
  ],</p>
  <pre><code>data: () =&gt; {
      return {
          dropzone: null,
      }
  },
  
  mounted() {
      this.dropzone = new Dropzone(this.$refs.userImage, this.settings);
  },
  
  computed: {
      settings() {
          return {
              paramName: 'image',
              url: '/api/user-images',
              acceptedFiles: 'image/*',
              params: {
                  'width': this.imageWidth,
                  'height': this.imageHeight,
                  'location': this.location,
  
              },
              headers: {
                  'X-CSRF-TOKEN': document.head.querySelector('meta[name=csrf-token]').content,
              },
              success: (e, res) =&gt; {
                  alert('uploaded!');
              },
              error: (e, error) =&gt; {
                  console.log(error);
              }
          };
      }
  }
  </code></pre>