title: Dropzone working properly on localhost, throws error on remote server
body: <p>I have already configured dropzone and tested it on my localhost(which is a Windows machine). Everything is working properly, the files are being uploaded and processed appropriately by Laravel. The problem is that the same thing is not happening on my web server. The code is the same on both machines. On windows, dropzone in a div is displayed properly(with the text saying to drag and drop the files), but on the web server the text is not displayed and I can't click on the zone.</p>
  <blockquote>
  <p>Chrome dev tools say: <code>Uncaught error: No URL provided</code></p>
  </blockquote>
  <p>even though I have the urls configured. I googled this error and found that disabling autoDiscover should resolve it. I tried this but then it didn't work even on the local server.</p>
  <p>This is my dropzone options file:</p>
  <pre><code>Dropzone.options.editFilijalaDropzone = { // The camelized version of the ID of the form element
  
    // The configuration we've talked about above
    autoProcessQueue: false,
    uploadMultiple: true,
    parallelUploads: 10,
    maxFiles: 10,
    addRemoveLinks: false,
    acceptedFiles: '.jpeg,.jpg,.png,.gif',
    url: &quot;/uploadNew/filijale/filijala/&quot; + document.getElementById('filijala_hidden').value,
    headers: { 'X-CSRF-TOKEN': $('meta[name=&quot;csrf-token&quot;]').attr('content') },
    // The setting up of the dropzone
    init: function() {
      var myDropzone = this;
      // First change the button to actually tell Dropzone to process the queue.
      var element = document.getElementById('edit_filijala_submit');
      var form = document.getElementById('edit_filijala_form');
      element.addEventListener(&quot;click&quot;, function(e) {
        // Make sure that the form isn't actually being sent.
        e.preventDefault();
        e.stopPropagation();
        myDropzone.processQueue();
      });
  
      // Listen to the sendingmultiple event. In this case, it's the sendingmultiple event instead
      // of the sending event because uploadMultiple is set to true.
      this.on(&quot;sendingmultiple&quot;, function() {
        // Gets triggered when the form is actually being sent.
        // Hide the success button or the complete form.
      });
      this.on(&quot;successmultiple&quot;, function(files, response) {
        // Gets triggered when the files have successfully been sent.
        // Redirect user or notify of success.
              form.submit();
      });
      this.on(&quot;errormultiple&quot;, function(files, response) {
        // Gets triggered when there was an error sending the files.
        // Maybe show form again, and notify user of error
  
      });
    }
  }
  </code></pre>
  <p>The HTML in question is:</p>
  <pre><code>&lt;h1&gt;Ažuriranje filijale za firmu: {{ $firma-&gt;naziv }}&lt;/h1&gt;
  
      &lt;!-- if there are creation errors, they will show here --&gt;
      {{ HTML::ul($errors-&gt;all()) }}
  
          {!! Form::model($filijala, [
              'method' =&gt; 'PUT',
              'action' =&gt; array('FilijalaAdminController@update', $firma-&gt;id, $filijala-&gt;id),
              'id' =&gt; 'edit_filijala_form'
      ]) !!}
  
  
      &lt;div class=&quot;form-group&quot;&gt;
          {!! Form::label('Naziv firme', 'Naziv firme') !!}
          {!! Form::text('naziv_firme', $firma-&gt;naziv, array('class' =&gt; 'form-control', 'readonly')) !!}
      &lt;/div&gt;
  
          &lt;div class=&quot;form-group&quot;&gt;
          {!! Form::hidden('filijala_hidden', $filijala-&gt;id, array('class' =&gt; 'form-control', 'id' =&gt; 'filijala_hidden')) !!}
      &lt;/div&gt;
  
      &lt;div class=&quot;form-group&quot;&gt;
          {!! Form::label('Adresa filijale', 'Adresa filijale') !!}
          {!! Form::text('adresa', Input::old('adresa'), array('class' =&gt; 'form-control')) !!}
      &lt;/div&gt;
  
      &lt;div class=&quot;form-group&quot;&gt;
          {!! Form::label('Telefon', 'Telefon') !!}
          {!! Form::text('telefon', Input::old('telefon'), array('class' =&gt; 'form-control')) !!}
      &lt;/div&gt;
  
      &lt;div class=&quot;form-group&quot;&gt;
          {!! Form::label('Email', 'Email') !!}
          {!! Form::text('email', Input::old('email'), array('class' =&gt; 'form-control')) !!}
      &lt;/div&gt;
  
          &lt;div class=&quot;form-group&quot;&gt;
              {!! Form::label('Uklanjanje slika', 'Uklanjanje slika') !!}
              &lt;div class=&quot;row&quot;&gt;
                  @foreach($slike as $slika)
                      &lt;div class=&quot;col-lg-3 col-md-4 col-xs-6 thumb&quot;&gt;
  
                              &lt;a &lt;?php echo 'href=&quot;#imageOverlay' . $slika-&gt;id . '&quot;'; ?&gt; data-toggle=&quot;drop-panel&quot; class=&quot;thumbnail&quot;&gt;
                                  &lt;img &lt;?php echo 'id=&quot;image' . $slika-&gt;id . '&quot;'; ?&gt; class=&quot;img-responsive&quot; src=&quot;{{ $slika-&gt;url }}&quot;&gt;
                              &lt;/a&gt;
                              &lt;div &lt;?php echo 'id=&quot;imageOverlay' . $slika-&gt;id . '&quot;'; ?&gt; class=&quot;cap-overlay show&quot;&gt;
                                  &lt;div class=&quot;content&quot;&gt;
                                      &lt;a href=&quot;javascript:obrisiSliku('{{ $slika-&gt;id }}', 'filijale')&quot; class=&quot;button small&quot;&gt;&lt;h5&gt;Obriši sliku&lt;/h5&gt;&lt;/a&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                      &lt;/div&gt;
                  @endforeach
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class=&quot;form-group&quot;&gt;
                  {!! $slike-&gt;render() !!}
          &lt;/div&gt;
  
          &lt;div class=&quot;form-group&quot;&gt;
              {!! Form::label('Dodavanje slika', 'Dodavanje slika') !!}
              &lt;div class=&quot;dropzone&quot; id=&quot;edit_filijala_dropzone&quot;&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
      &lt;div class=&quot;form-group&quot;&gt;
          {!! Form::submit('Ažuriraj filijalu', array('id' =&gt; 'edit_filijala_submit')) !!}
      &lt;/div&gt;
  
      {!! Form::close() !!}
  </code></pre>
  <p>The server is a CentOS linux machine.</p>
  <p>EDIT:</p>
  <p>The generated HTML:</p>
  <pre><code>&lt;html&gt;&lt;head&gt;
      &lt;title&gt;Ažuriranje filijale&lt;/title&gt;
      &lt;meta name=&quot;csrf-token&quot; content=&quot;9dglsQuYuxZEcbko7sCwj8PMzQgbwFlpnfwlT5Gr&quot;&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css&quot;&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;/css/dropzone.css&quot;&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;/css/thumbnail-gallery.css&quot;&gt;
    &lt;style&gt;
      .cap-overlay .button { margin-top:10px}
      .cap-overlay{width: 100%; color:#fff; background: rgba(0, 0, 0, 0.43);left:0;padding:12px; line-height: 1.4em;font-size:14px}
      .cap-overlay h5 {color:#fff;}
      a[data-toggle=&quot;drop-panel&quot;] {display: block;}
    &lt;/style&gt;
  &lt;style type=&quot;text/css&quot;&gt;&lt;/style&gt;&lt;/head&gt;
  &lt;body&gt;
  &lt;div class=&quot;container&quot;&gt;
  
  &lt;nav class=&quot;navbar navbar-inverse&quot;&gt;
      &lt;ul class=&quot;nav navbar-nav&quot;&gt;
                      &lt;li&gt;&lt;a href=&quot;http://5.189.145.111/admin_firme/2&quot;&gt;Sve filijale za firmu&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href=&quot;http://5.189.145.111/admin_firme/2/filijale/create&quot;&gt;Nova filijala&lt;/a&gt;
              &lt;/li&gt;&lt;/ul&gt;
  &lt;/nav&gt;
  
  
  
  
  &lt;h1&gt;Ažuriranje filijale za firmu: Kaymo PROPO LIST d.o.o                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              &lt;/h1&gt;
  
      &lt;!-- if there are creation errors, they will show here --&gt;
      
  
          &lt;form method=&quot;POST&quot; action=&quot;http://5.189.145.111/admin_firme/2/filijale/8&quot; accept-charset=&quot;UTF-8&quot; id=&quot;edit_filijala_form&quot;&gt;&lt;input name=&quot;_method&quot; type=&quot;hidden&quot; value=&quot;PUT&quot;&gt;&lt;input name=&quot;_token&quot; type=&quot;hidden&quot; value=&quot;9dglsQuYuxZEcbko7sCwj8PMzQgbwFlpnfwlT5Gr&quot;&gt;
  
  
      &lt;div class=&quot;form-group&quot;&gt;
          &lt;label for=&quot;Naziv firme&quot;&gt;Naziv firme&lt;/label&gt;
          &lt;input class=&quot;form-control&quot; readonly=&quot;readonly&quot; name=&quot;naziv_firme&quot; type=&quot;text&quot; value=&quot;Company X                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              &quot;&gt;
      &lt;/div&gt;
  
          &lt;div class=&quot;form-group&quot;&gt;
          &lt;input class=&quot;form-control&quot; id=&quot;filijala_hidden&quot; name=&quot;filijala_hidden&quot; type=&quot;hidden&quot; value=&quot;8&quot;&gt;
      &lt;/div&gt;
  
      &lt;div class=&quot;form-group&quot;&gt;
          &lt;label for=&quot;Adresa filijale&quot;&gt;Adresa filijale&lt;/label&gt;
          &lt;input class=&quot;form-control&quot; name=&quot;adresa&quot; type=&quot;text&quot; value=&quot;dsasad                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              &quot;&gt;
      &lt;/div&gt;
  
      &lt;div class=&quot;form-group&quot;&gt;
          &lt;label for=&quot;Telefon&quot;&gt;Telefon&lt;/label&gt;
          &lt;input class=&quot;form-control&quot; name=&quot;telefon&quot; type=&quot;text&quot; value=&quot;033 256 987                                                                                         &quot;&gt;
      &lt;/div&gt;
  
      &lt;div class=&quot;form-group&quot;&gt;
          &lt;label for=&quot;Email&quot;&gt;Email&lt;/label&gt;
          &lt;input class=&quot;form-control&quot; name=&quot;email&quot; type=&quot;text&quot; value=&quot;                                                                                 &quot;&gt;
      &lt;/div&gt;
  
          &lt;div class=&quot;form-group&quot;&gt;
              &lt;label for=&quot;Uklanjanje slika&quot;&gt;Uklanjanje slika&lt;/label&gt;
              &lt;div class=&quot;row&quot;&gt;
                                      &lt;div class=&quot;col-lg-3 col-md-4 col-xs-6 thumb&quot;&gt;
  
                              &lt;div class=&quot;drop-panel&quot; style=&quot;position: relative; overflow: hidden; display: block; padding: 2px;&quot;&gt;&lt;a href=&quot;#imageOverlay22&quot; data-toggle=&quot;drop-panel&quot; class=&quot;thumbnail&quot;&gt;
                                  &lt;img id=&quot;image22&quot; class=&quot;img-responsive&quot; src=&quot;\image\filijale\192971848455d4d775787cb4.79487595.jpg&quot;&gt;
                              &lt;/a&gt;&lt;div id=&quot;imageOverlay22&quot; class=&quot;cap-overlay show&quot; style=&quot;display: block; width: 345px; height: 321px; position: absolute; z-index: 3; overflow: hidden; left: 0px; top: -321px;&quot;&gt;
                                  &lt;div class=&quot;content&quot;&gt;
                                      &lt;a href=&quot;javascript:obrisiSliku('22', 'filijale')&quot; class=&quot;button small&quot;&gt;&lt;h5&gt;Obriši sliku&lt;/h5&gt;&lt;/a&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;&lt;/div&gt;
                              
                      &lt;/div&gt;
                              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class=&quot;form-group&quot;&gt;
                  
          &lt;/div&gt;
  
          &lt;div class=&quot;form-group&quot;&gt;
              &lt;label for=&quot;Dodavanje slika&quot;&gt;Dodavanje slika&lt;/label&gt;
              &lt;div class=&quot;dropzone&quot; id=&quot;edit_filijala_dropzone&quot;&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
      &lt;div class=&quot;form-group&quot;&gt;
          &lt;input id=&quot;edit_filijala_submit&quot; type=&quot;submit&quot; value=&quot;Ažuriraj filijalu&quot;&gt;
      &lt;/div&gt;
  
      &lt;/form&gt;
  
  
  
  
  &lt;/div&gt;
      &lt;script src=&quot;/js/jquery.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;/js/jquery.hcaptions.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;/js/slike_akcije.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;/js/dropzone.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;/js/dropzone_options.js&quot;&gt;&lt;/script&gt;
    &lt;script&gt;
      $(window).load(function () {
        $('[data-toggle=drop-panel]').hcaptions();
      });
    &lt;/script&gt;
  
  
  &lt;/body&gt;&lt;/html&gt;
  </code></pre>