title: Uploading larger file size using Dropzonejs
body: <p>I am trying to use Dropzonejs to upload music and video files, when I tried it with image files it worked fine, the upload was successful, on trying it with video and music files it gives this error:</p>
  <blockquote>
  <p>Warning post content of ------- bytes exceeds the limit of --------</p>
  </blockquote>
  <p>I have set the configuration for dropzone but it seems not to solve this problem. Because I’m working with Laravel, I edited php_ini file of xampp, to increase the max_file_size and some other parameters, that did not solve the problem either.</p>
  <p>Since I’m running Laravel-5.3, it’s evident it might have its own internal server because whether I’m running Xampp or not once I start Laravel server it runs with or without starting apache on Xampp. What do I do?</p>
  <pre><code>    &lt;div class=&quot;row&quot;&gt;
              &lt;div class=&quot;col-md-12&quot;&gt;
                  &lt;form action=&quot;{{ url('/songs/do-upload') }}&quot; class=&quot;dropzone&quot; id=&quot;addSongs&quot;&gt;{{csrf_field()}}
                  &lt;input type=&quot;hidden&quot; name=&quot;albums_id&quot; value=&quot; {{$albums-&gt;id}} &quot;&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
  &lt;script type=&quot;text/javascript&quot;&gt;
          Dropzone.options.addSongs = { 
                paramName: 'file',
                clickable: true,
                enqueueForUpload: true,
                autoProcessQueue: true,
                uploadMultiple: true,
                parallelUploads: 5,
                maxFiles: 1,
                maxFilesize: 250,
                addRemoveLinks: true,
                dictDefaultMessage: 'Drag your images here',
                init: function() {
                     console.log('init');
                     this.on(&quot;maxfilesexceeded&quot;, function(file){
                          alert(&quot;No more files please!&quot;);
                          this.removeFile(file);
                      });
  
              }
          };
      &lt;/script&gt;
  </code></pre>
  <p>Controller used in uploading:</p>
  <pre><code>public function doImageUpload(Request $request){
  
          $file = $request-&gt;file('file');
          $fileName = uniqid() .$file-&gt;getClientOriginalName();
          $file-&gt;move('album/songs', $fileName);
  
          $albums = Albums::findOrFail($request-&gt;input('albums_id'));
  
          $album = $albums-&gt;songs()-&gt;create([
              'user_id' =&gt; Auth::user()-&gt;id,
              'albums_id' =&gt; $request-&gt;input('albums_id'),
              'file_name' =&gt; $fileName,
              'file_size' =&gt; $file-&gt;getClientSize(),
              'file_mime' =&gt; $file-&gt;getClientMimeType(),
              'file_path' =&gt; 'album/songs' .$fileName
          ]);
  
      }
  </code></pre>
  <p>Error message on the console:</p>
  <pre><code>1:107 Uncaught ReferenceError: Dropzone is not defined
  http://localhost:8000/songs/do-upload Failed to load resource: the server responded with a status of 500 (Internal Server Error)
  jquery-1.9.0.js:1'//@ sourceURL' and '//@ sourceMappingURL' are deprecated, please use '//# sourceURL=' and '//# sourceMappingURL=' instead.
  </code></pre>