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