Javascript Dropzone-Can'；t设置自定义Dropzone.js选项

我正在尝试在我的Laravel网站上使用

这是我的设置：

index.blade.php

：

<form action="/documents" method="POST" class="dropzone" id="my-dropzone" enctype="multipart/form-data">
  @csrf
</form>

实际的Dropzone元素出现在页面上，我可以使用它上传文件。但是，我的

Dropzone.options

没有得到尊重

例如，我可以上传大于1MB的文件，我可以上传所有文件类型，即使我只想上传图像和PDF文件

如果我移动它：

Dropzone.autoDiscover=false在
（函数（）{}）之外，Dropzone元素根本不工作

我做错了什么？
您在匿名函数中包围了代码，但没有调用它，因此插件选项代码没有被执行。请删除此匿名函数，或调用它，如下所示：

(function () {

})(); // call the function

请像这样尝试：

Dropzone.autoDiscover = false;

var myDropzone = new Dropzone("#dropzone", {
  paramName: "file", // The name that will be used to transfer the file
  maxFilesize: 1, // MB
  acceptedFiles: "image/*,application/pdf",
  parallelUploads: 8,
  addRemoveLinks: false,
  createImageThumbnails: false,
  autoProcessQueue: true,
  previewTemplate: document.getElementById("dropzone-preview-template")
    .innerHTML,

  accept: function(file, done) {
    console.log(file.name);
  }
});

Dropzone.autoDiscover = false;

var myDropzone = new Dropzone("#dropzone", {
  paramName: "file", // The name that will be used to transfer the file
  maxFilesize: 1, // MB
  acceptedFiles: "image/*,application/pdf",
  parallelUploads: 8,
  addRemoveLinks: false,
  createImageThumbnails: false,
  autoProcessQueue: true,
  previewTemplate: document.getElementById("dropzone-preview-template")
    .innerHTML,

  accept: function(file, done) {
    console.log(file.name);
  }
});