javascript - Dropzone JS-不接收选项

Question

我的Dropzone工作正常，但无法使用这些选项。

永远不会调用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') }
  },

};

Answer 1

您正在向Dropzone添加选项，这是对库的引用，而不是刚刚创建的Dropzone对象（myDropzone）。将您的代码更改为：

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

这会将您的选项应用于您创建的dropzone对象。以编程方式与dropzone交互时，应始终引用此 myDropzone实例。