javascript - Dropzone - 无法设置自定义 Dropzone.js 选项

Question

我正在尝试使用Dropzone.js在我的 Laravel 网站上。

这是我的设置:

index.blade.php:

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

在我的 app.js 文件中，我有以下代码:

window.Dropzone = require('dropzone');

(function () {
    Dropzone.autoDiscover = false;
    Dropzone.options.myDropzone = {
        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 元素出现在页面上，我可以使用它来上传文件。但是，我的 Dropzone.options 没有得到尊重。

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

如果我将以下内容移至 (function () {}); 之外:Dropzone.autoDiscover = false;，则 Dropzone 元素根本不起作用。

我做错了什么？

Answer 1

您已将代码包围在匿名函数中，但没有调用它，因此插件选项代码没有被执行。要么删除这个匿名函数，要么调用它，如下所示:

(function () {

})(); // call the function