2017-03-04 46 views
0

我在前端使用dropzone处理图片上传。 插件工作正常,只要它作为CDN存储在头部部分。 最近我试图下载它,并添加到assetic像这样:Dropzone配置不工作+'已连接的Dropzone'错误

{% 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 %} 

但是因为加入它像这样我一直得到在控制台中的错误说:

Uncaught Error: Dropzone already attached

我不希望添加该元素编程式,所以我不想使用Dropzone.autoDiscover = false;参数。

现在我也试图让装载有一些选项,当所有图像都加载完毕触发页面刷新,但尽管使用working fiddles使用完全相同的代码我仍然无法得到console.log()在需要时工作。

这里是HTML表单:使用

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!!!"); 
      }); 
     } 
    }; 
//... 

我怎样才能使这项工作正常

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

这里是我(在尝试定)的选项?

任何帮助将是惊人的

回答

0

固定:我所要做的就是把参数了jQuery(function($) {));