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

Question

我使用下拉区域来处理前端的图像上传。只要将插件存储在head部分作为CDN，插件就能正常工作。最近，我尝试下载并添加到assetic中，如下所示：

{% 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.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($) {));中取出参数