2017-08-21 4 views
0

Ich habe Probleme beim Hinzufügen von Dropzone mit anderen Eingabefeldern auf dem gleichen Formular, aber letztendlich habe ich es geschafft. Das Problem, das ich zur Zeit habe, ist, dass das Dropzone-Feld nicht auf Klicks oder Ziehen reagiert und den Fehler "Uncaught TypeError: $ (...). Dropzone ist keine Funktion" in meiner Konsole erhält. Unten ist mein Code:

<link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/dropzone.css" rel="stylesheet" /> 
    <link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/min/basic.min.css" rel="stylesheet" /> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/dropzone.js"></script> 


    {!! Form::open([ 'action'=>'[email protected]', 'files' => true, 'enctype' => 'multipart/form-data']) !!} 

    <div class="dropzone dropzone-previews" id="my-awesome-dropzone"></div> 

    <div class="col-md-6"> 
    <label class="required">Location</label> 
    <input type="text" class="full-col" name="location"> 
    </div> 

    {!! Form::close() !!} 

    <script type="text/javascript"> 

    Dropzone.autoDiscover = false; 
    jQuery(document).ready(function() { 

     $("div#my-awesome-dropzone").dropzone({ 
     url: "/uploadcar" 
     }); 

    }); 


    </script> 

Assistance stark

+0

Prüfung [diese] (https://github.com/enyo/dropzone/issues/215) – Durga

+0

Durga Ich bin durch den Link gegangen, den Sie zur Verfügung gestellt haben, aber immer noch nicht in der Lage, mein Problem zu lösen – Tovo

Antwort

0

geschätzt werden, wenn dem Stand der Javascript-Datei auf der angegebenen Adresse suchen unten sehe ich, dass die Funktionen mit dem Namen „Dropzone“ mit Großbuchstaben beginnen:

https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/dropzone.js

Also, zuerst sicher sein, dass es keine Version Problem ist auf die Verwendung der Funktion in Bezug auf. Dann versuchen die zugehörige Funktion mit Großbuchstaben zu verwenden, wie unten dargestellt:

jQuery(document).ready(function() { 
    $("div#my-awesome-dropzone").Dropzone({ 
     url: "/uploadcar" 
    }); 
}); 

Hope this helps ...

Verwandte Themen