你需要：

1. 添加按钮：

   <button type="submit" id="button" class="btn btn-primary">Submit</button>
   

2. 告诉 Dropzone在您放下文件时不要自动上传文件，因为默认情况下它会这样做。这是通过配置选项完成的autoProcessQueue：

   autoProcessQueue: false
   

3. 由于 Dropzone 现在不会自动上传文件，因此您需要在单击按钮时手动告诉它这样做。所以你需要一个按钮点击的事件处理程序，它告诉 Dropzone 进行上传：

   $("#button").click(function (e) {
       e.preventDefault();
       myDropzone.processQueue();
   });
   

4. 这只会发布上传的文件，没有任何其他输入字段。您可能想要发布所有字段，例如您的refCampaignID，CSRF 令牌（如果您有的话）等等。为此，您需要在发送之前将它们复制到 POST 中。Dropzone 有一个在发送每个文件之前调用的sending事件，您可以在其中添加回调：

   this.on('sending', function(file, xhr, formData) {
       // Append all form inputs to the formData Dropzone will POST
       var data = $('form').serializeArray();
       $.each(data, function(key, el) {
           formData.append(el.name, el.value);
       });
   });
   

把它们放在一起：

Dropzone.options.frmTarget = {
    autoProcessQueue: false,
    url: 'upload_files.php',
    init: function () {

        var myDropzone = this;

        // Update selector to match your button
        $("#button").click(function (e) {
            e.preventDefault();
            myDropzone.processQueue();
        });

        this.on('sending', function(file, xhr, formData) {
            // Append all form inputs to the formData Dropzone will POST
            var data = $('#frmTarget').serializeArray();
            $.each(data, function(key, el) {
                formData.append(el.name, el.value);
            });
        });
    }
}

还以为我会添加一个纯香草 JS 解决方案，没有 jQuery。

/* 'dropform' is a camelized version of your dropzone form's ID */
      Dropzone.options.dropform = {
        /* Add all your configuration here */
        autoProcessQueue: false,

        init: function()
        {
          let myDropzone = this;
          /* 'submit-dropzone-btn' is the ID of the form submit button */
          document.getElementById('submit-dropzone-btn').addEventListener("click", function (e) {
              e.preventDefault();
              myDropzone.processQueue();
          });

          this.on('sending', function(file, xhr, formData) 
          {
            /* OPTION 1 (not recommended): Construct key/value pairs from inputs in the form to be sent off via new FormData
               'dropform' is the ID of your dropzone form
               This method still works, but it's submitting a new form instance.  */
              formData = new FormData(document.getElementById('dropform'));

             /* OPTION 2: Append inputs to FormData */
              formData.append("input-name", document.getElementById('input-id').value);
          });
        }
      };

注意：设置事件侦听器（例如sending我们在这里所做的）应该放在init函数中。如果您要将它们放在其他地方，例如：

init: function() 
{
    //...
},
sending: function(file, xhr, formData) 
{
  //... logic before each file send
}

这将覆盖为sending事件侦听器提供的默认逻辑 dropzone ，并可能导致意外的副作用。只有当您知道自己在做什么时，才应该这样做。