Ошибка типа: $ (...). Dropzone не является функцией

Question

Я пытаюсь использовать dropzone в моем приложении django, я следовал многим примерам, но ни один из них не помог мне, не могли бы вы мне помочь

Js код:

     <script src="https://code.jquery.com/jquery-1.12.4.min.js"
integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
      <link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/min/dropzone.min.css" rel="stylesheet" type="text/css" />
      <script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/min/dropzone.min.js" type="text/javascript"></script>
      <script type="text/javascript">
      Dropzone.autoDiscover = false;
        $(document).ready(function(){
            $('#myDropzone').dropzone({
                url: "{% url 'dashboard/import' %}",
                addRemoveLinks: true,
                success: function (file, response) {
                    console.log("Successfully uploaded");
                },
                error: function (file, response) {
                    console.log("something goes wrong");
                }
            });
     });
     </script>

HTMLкод:

<form action="{% url 'dashboard/import' %}" class="dropzone">
     {% csrf_token %} 
</form>

У меня ошибка типа: $ (...). dropzone не является функцией

Answer 1

При просмотре соответствующего файла javascript имя функции dropzone начинается с заглавной буквы.Поэтому попробуйте использовать функцию с заглавными буквами, как показано ниже:

 $(document).ready(function(){
        $('#myDropzone').Dropzone({
            url: "{% url 'dashboard/import' %}",
            addRemoveLinks: true,
            success: function (file, response) {
                console.log("Successfully uploaded");
            },
            error: function (file, response) {
                console.log("something goes wrong");
            }
        });

Answer 2

Попробуйте это:

window.onload = function() {
    Dropzone.autoDiscover = false;
    $('#myDropzone').dropzone({
            url: "{% url 'dashboard/import' %}",
            addRemoveLinks: true,
            success: function (file, response) {
                console.log("Successfully uploaded");
            },
            error: function (file, response) {
                console.log("something goes wrong");
            }
        });
   }