Dropzone JS - не подбирая варианты

Моя дропзона работает нормально, но не принимает параметры.

Функция init никогда не вызывается.

<div class="row">
    <form method="post" id="uploadFiles" style="width:200px; height:100px; border:1px solid red;">
        {{ csrf_field() }}
    </form>
</div>

<script>

$(function() {

    Dropzone.autoDiscover = false;
    var myDropzone = new Dropzone("#uploadFiles", { url: "{{Request::url()}}", method:"post"});
    console.log(myDropzone);
    Dropzone.options.uploadfiles = {
  paramName: "file", // The name that will be used to transfer the file
  maxFilesize: 2, // MB
    init: function() {
      alert('init called');
  },
  accept: function(file, done) {
    if (file.name == "justinbieber.jpg") {
      done("Naha, you don't.");
    }
    else { alert('not accepted') }
  },

};

1 ответ

Вы добавляете опции в Dropzone это ссылка на библиотеку, а не объект Dropzone, который вы только что создали (myDropzone). Измените свой код на:

myDropzone.options = {
    ... // Your options here
};

Это применяет ваши параметры к объекту dropzone, который вы создали. При программном взаимодействии с вашей зоной пропуска вы всегда должны ссылаться на это myDropzone пример.

Другие вопросы по тегам