Dropzone 配置不起作用 +“Dropzone 已附加”错误

Question

我正在使用 dropzone 在前端处理图像上传。只要插件作为CDN存储在头部，它就可以正常工作。最近我尝试下载它并添加到资产中，如下所示：

{% block javascripts %}
    {% javascripts 
        'Scripts/jquery-3.1.1.min.js'
        'Scripts/dropzone.js'
        'Scripts/scripts.js' 
        'Scripts/scripts_admin.js'
    %}
        <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
{% endblock %}

但是，自从像这样添加它以来，我一直在控制台中收到错误消息：

未捕获的错误：Dropzone 已附加

我不想以编程方式添加元素，所以我不想使用Dropzone.autoDiscover = false;参数。

现在，我还尝试让加载程序有一些选项，并在所有图像加载完毕后触发页面刷新，但尽管使用了与工作小提琴完全相同的代码，但我仍然无法console.log()在需要时使其工作。

这是html中的表格：

<form action=" {{ oneup_uploader_endpoint('gallery') }}"  method="post" class="dropzone" id="my-awesome-dropzone">
</form> 

这是我（试图）使用的选项

jQuery(function($) {

    Dropzone.options.myAwesomeDropzone = {
        maxFilesize: 5,
        addRemoveLinks: true,
        dictResponseError: 'Server not Configured',
        acceptedFiles: ".png,.jpg,.gif,.bmp,.jpeg",
        init: function() {
            this.on("queuecomplete", function(progress) {
                console.log("Uploaded!!!");
            });
        }
    };
//...

我怎样才能使它正常工作？

任何帮助都会很棒

Answer 1

修正：我所要做的就是从参数中取出参数jQuery(function($) {));