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 实例。