使用按钮Dropzone.js提交数据

Question

这是第一次使用dropzone，我试图用它上传数据，但我得到：

app.js:21 Uncaught TypeError: Dropzone.processQueue is not a function // Using jquery

这是我的模板布局：

<form id="form1"enctype="multipart/form-data">
  {{ form.csrf_token }}
  {{render_field(form.quantity_user)}}

  <label>Upload Songs</label>
  <label class="button small-12 hollow" id="songs">Upload File
    <!--{{form.song (class="show-for-sr songs")}}-->
  </label>

  <p class="help-text">Upload up to 700MB in music and up to 2 images.</p>
  <button id="next" class="button small-12">Next <i class="fi-arrow-right"></i></button>
</form>

我没有将Dropzone附加到表单中，因为它没有必要（据我所知）。

Jquery代码：

$(document).ready(function(){

  Dropzone.autoDiscover = false;
  $('#songs').dropzone({

    url: '/upload/',
    previewTemplate: $('#list-container').html(),
    autoProcessQueue: false,
    autoQueue: false,
    previewsContainer: '#list-container',
    paramName: 'song',
    params: {
      quantity_user: $('#quantity_user').val(),
      csrf_token: $('#csrf_token').val()
    },
    init: function(){
      $('#next').on('click', function(event){
        event.preventDefault();
        Dropzone.processQueue();
      })


    }

  })