Dropzone JS-不接收选项

Question

My dropzone works fine but does not pickup the options.

The init function is never called.

<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

You are adding options to Dropzone which is a refrerence to the library, not the Dropzone object you just created ( myDropzone ). Change your code to:

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

This applies your options to the dropzone object you created. When interacting with your dropzone programatically, you should always reference this myDropzone instance.