jquery Bulk-Upload Javascript-Problem

Question

Ich renne in ein Javascript-Problem, wo es ein "Uncaught ReferenceError: $ ist nicht definiert". Bei meiner Lektüre denke ich, dass es die Reihenfolge ist, in der ich $ (Dokument) versuche, bevor das Javascript geladen ist, aber ich bin nicht sicher, was ich dagegen tun soll. Ich habe versucht, die jquery und die Datei uploadmulti über das Skript zu bewegen, aber dann bekomme ich "Uncaught TypeError: $ (...). UploadFile ist keine Funktion" und dann gehe ich die Straße von Huhn und Ei und weiß nicht was ist richtig. Jede Hilfe oder ein Punkt in die richtige Richtung wäre hilfreich. Vielen Dank.

<script> 
//This is where my error shows up 
$(document).ready(function(){ 
    var settings = { 
     url: "/index.php/upload", 
     method: "POST", 
     allowedTypes:"jpg,png,gif,doc,pdf,zip", 
     fileName: "myfile", 
     multiple: true, 
     onSuccess:function(files,data,xhr) 
     { 
      $("#status").html("<font color='green'>Upload is success</font>"); 
     }, 
     afterUploadAll:function() 
     { 
      alert('All Files uploaded'); 
     }, 
     onError: function(files,status,errMsg) 
     { 
      $("#status").html("<font color='red'>Upload is Failed</font>"); 
     } 
    }; 
    $("#mulitplefileuploader").uploadFile(settings); 
}); 
</script> 

<script src="/js/jquery.js"></script> 
<script src="/js/fileuploadmulti.min.js"></script> 
<div class="boxed link"> 
    <div id="mulitplefileuploader">Upload</div> 
    <div id="status"></div> 
</div> 

<div class="col-lg-12"> 
    <h1>Adding pages to <?php echo $model->name; ?></h1> 
</div> 

Answer 1

Prüfen Sie zunächst, ob JQuery geladen ist oder nicht enthalten.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 

und wickeln die alle JQuery-Code in $(document).ready(function(){ \\code here }); Funktion.

$(...).uploadFile is not a function error, weil Sie das Fileupload-Plugin nicht ordnungsgemäß laden.

Überprüfen Sie alle Skript-Tag URLs sind richtig oder nicht.

Answer 2

Sie verwenden den $ vor jQuery einschließlich. Versuchen Sie es vorher einzubeziehen.

Answer 3

Versuchen

<script src="/js/jquery.js"></script> <script src="/js/fileuploadmulti.min.js"></script>

vor $(document).ready(function(){ });