Question

我使用dropzone处理前端的图片上传。只要插件作为 CDN 存储在 head 部分中，该插件就可以正常工作。最近我尝试下载它并像这样添加资产：

{% 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;参数。

现在我也尝试让加载器有一些选项，并在所有图像加载完成后触发页面刷新，但尽管使用working fiddles中使用的完全相同的代码，我仍然无法得到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

FIXED ：我所要做的就是从jQuery(function($) {));

中取出参数

Dropzone配置无法正常工作+＆＃39; Dropzone已经连接＆＃39;错误

1 个答案: